Vertical Grid: Adaptivity
Nazaj: predstavitveni pregled
1. Pregled in namen
Stanje: vedenje zapolnjevanja panela [Live]; preobrat osi oznaka/kontrolnik pri ozkem vsebniku [Live].
2. Predpogoji
osnovna pogodba propertyGrid() že razumljena.
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
- predstavitveni pregled — vsaka kategorija
- DataGrid: adaptivity — podedovan recept CSS
- Polja obrazca: Adaptivity — enaka vrzel osi oznake