Trenutno dejavna stran: start » sl » Interna dokumentacija » Razširitve DokuWikija (WvdS) » FluentUI (knjižnica oblikovalskega sistema) » FluentUI: reference komponent » FluentUI: Vertical Grid (Property Grid) — predstavitveni pregled » Vertical Grid: Adaptivity

Vertical Grid: Adaptivity

1. Pregled in namen

Stanje: vedenje zapolnjevanja panela [Live]; preobrat osi oznaka/kontrolnik pri ozkem vsebniku [Live].

2. Predpogoji

3. Pojmi

Tako kot pri DataGridu propertyGrid() sledi širini svojega panela (predal, auxbar, pogovorno okno) prek istega recepta CSS, ki ga vodi vsebnik — brez lastnega vedenja prelomnih točk.

4. Prvi koraki

Dodaten klic ni potreben — vedenje zapolnjevanja panela je samodejno aktivno.

5. Uporaba

Velja samodejno za vsak propertyGrid() znotraj vsebnika-panela (predal, auxbar, pogovorno okno).

6. API referenca: [Live] vedenje zapolnjevanja panela

Isti recept CSS, ki ga vodi vsebnik (sestavine 1–3), kot pri DataGridu — mreža se pomika znotraj svojega panela, namesto da bi razneslo stran.

7. Parametri, možnosti in stanja: oznaka nad kontrolnikom pri ozkem vsebniku

[Live] — isti mehanizem kot pri polja obrazca → Adaptivity (atribut data-wk-stack-below + scripts/adaptive.js, merjeno prek ResizeObserver-ja na vsebniku — nikoli na viewportu), tu na ravni mreže: pod širino, nastavljeno z $opts['stackBelow'], se dvostolpčna razdelitev prevrne v en sam stolpec (oznaka nad kontrolnikom namesto drug ob drugem, razred is-stacked).

Prevračanje je drugi odgovor, ne prvi. Sama definicija stolpcev omejuje stolpec oznak od 25. 08. 2026 (fit-content(22rem) minmax(0, 1fr), glej Osnove), tako da tudi neprevrnjena mreža svojega kontrolnika ne more več potisniti izven slike. stackBelow odloča, pri kateri širini vsebnika postane postavitev drug ob drugem neberljiva — ne, ali je kontrolnik dosegljiv.

Ključ Tip Pomen
stackBelow int (px) širina vsebnika, pod katero se oznaka prevrne nad kontrolnik (privzeta vrednost sloja JS: 360, če je atribut nastavljen brez vrednosti)

8. Popolni primeri

Brez dodatnega primera — vedenje zapolnjevanja panela je del osnovne pogodbe (glej osnove).

9. Omejitve in robni primeri

Nobenih onkraj strani funkcij.

10. Dostopnost in združljivost

Odzivnost, ki jo vodi vsebnik, ne zahteva prilagoditve ARIA — spremeni se le postavitev, ne semantika.

11. Odpravljanje težav

Se ne uporablja — brez opaznega primera napake onkraj DataGrid → Adaptivity.

12. Sorodne teme

sl/wiki/dwe/wkfluentui/component/property-grid/adaptivity.txt · Zadnja sprememba: uporabnika rollout