Polja obrazca: Adaptivity
Nazaj: predstavitveni pregled
1. Pregled in namen
Stanje: [Live] — velja skupno za vseh osem kategorij. Referenca: DevExpress ASPxEditors „Adaptive Layout„.
2. Predpogoji
skupna pogodba polj že razumljena.
3. Pojmi
Voden z vsebnikom, tako kot pri DataGridu: isto načelo kot pri DataGrid → Adaptivity — nobeno polje ne pozna lastnih prelomnih točk vidnega polja, vsa polja sledijo širini svojega vsebnika (obrazec, predal, auxbar).
4. Prvi koraki
echo $widgets->checkbox(['name' => 'aktivno', 'label' => 'Aktivno', 'stackBelow' => 360]);
5. Uporaba
Velja za vsako polje te skupine in za propertyGrid() — enak
mehanizem (scripts/adaptive.js), voden prek ključa stackBelow
dotičnega gradnika.
6. API referenca: os oznake se prevrne pri ozkem vsebniku [Live]
Metrika obrazcev Fluent
(FluentUI: skrbniško območje podrobno) privzeto postavi
oznako in kontrolnik drug ob drugem (tako kot vrstice
propertyGrid()).
Z $opts['stackBelow'] (v pikslih, merjeno prek
ResizeObserver-ja na vsebniku — nikoli na vidnem polju) se
polje pod to širino prevrne v oznako nad kontrolnikom (razred
is-stacked).
7. Parametri, možnosti in stanja
| 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) |
Enak preobrat ponuja propertyGrid() prek lastnega
$opts['stackBelow'] — en sam mehanizem za oba gradnika
(atribut data-wk-stack-below + scripts/adaptive.js), tu
dokumentiran, ker se polja obrazca pojavljajo tudi zunaj
propertyGrid()-a.
8. Popolni primeri
echo $widgets->checkbox([ 'name' => 'aktivno', 'label' => 'Dostop aktiven', 'stackBelow' => 300, ]);
9. Omejitve in robni primeri
Nobenih onkraj strani funkcij.
10. Dostopnost in združljivost
Brez razlike ARIA med prevrnjeno in drug-ob-drugem osjo oznake — čista postavitev, brez semantične spremembe.
11. Odpravljanje težav
Se ne uporablja.
12. Sorodne teme
- predstavitveni pregled — vsaka kategorija
- DataGrid: adaptivity — enako načelo vsebnika pri DataGridu
- FluentUI: Vertical Grid (Property Grid) — predstavitveni pregled — os oznaka/kontrolnik, ki si deli isto vrzel