TreeView: Adaptivity

Nazaj: predstavitveni pregled

Stanje: [Live]. Referenca: DevExpress-ovi adaptivni načini drevesa.

osnovna pogodba TreeViewa že razumljena.

tree() danes živi izključno v regiji stranske vrstice (layout → Tabela delov), ki je sama po sebi odzivna glede na vsebnik prek resize + overflow: auto (sestavina 5 v receptu CSS, glej DataGrid → Adaptivity). Samo drevo nima lastnega vedenja prelomnih točk — dolge oznake se prelomijo ali jih odreže overflow stranske vrstice, odvisno od širine stranske vrstice.

Klic, kot je dokumentirano v API referenci.

Relevantno, ko se stranska vrstica zmanjša na strnjeno širino ikon (glej admin-layout) in mora drevo ostati uporabno.

Zelo ozka stranska vrstica (strnjeno stanje, oznaka .wk-shell-sidebar.is-collapsed) zmanjša drevo na gola vozlišča z ikonami, namesto da bi odrezala besedilo — čista CSS-vidnost na istih vozliščih, brez ločenega izrisa.

echo $widgets->tree([
    ['label' => 'Tabele', 'href' => wl($ID, ['t' => 'x']), 'icon' => '<i class="fa fa-table"></i>'],
]);

• Vozlišče brez icon je v strnjenem stanju nevidno — tam so ikone dejansko obvezne (isto pravilo kot pri NavBar → Adaptivity).

Samo orodni namigi title so za bralnike zaslona nezanesljivi — zato tree() pri vozliščih z ikono dodatno nastavi label kot aria-label na povezavi (dostopno ime preživi CSS-skrivanje besedilnega vozlišča).

Simptom: v strnjenem stanju vozlišča povsem izginejo.

Vzrok: vozlišče brez icon (glej odsek 9).

Rešitev: vsakemu vozlišču dodeliti icon ali za to stransko vrstico ne ponuditi strnjenega stanja.

• predstavitveni pregled — vsaka kategorija
• DataGrid: adaptivity — enako načelo, ki ga vodi vsebnik, pri DataGridu