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

Polja obrazca: Adaptivity

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

sl/wiki/dwe/wkfluentui/component/form-fields/adaptivity.txt · Zadnja sprememba: uporabnika 0.0.0.0