Toolbar: Adaptivity

Nazaj: predstavitveni pregled

Stanje: [Live]. Referenca: vrstica ActionBar/ToolBar v katalogu gradnikov (stanje „responsive-overflow„ je bilo že predvideno v besednjaku stanj, a ni bilo izvedeno).

osnovna pogodba Toolbara že razumljena.

Isto načelo prelivanja kot pri Tab Control → Adaptivity, tu uporabljeno na vnosih orodne vrstice namesto na naslovih zavihkov.

echo $widgets->toolbar($items, ['ariaLabel' => 'Dejanja', 'overflow' => true]);

Relevantno za orodne vrstice z veliko vnosi v ozkih panelih. Izbirno prek $opts['overflow'] — obstoječe orodne vrstice (npr. vrstica množičnih dejanj) namerno ohranijo svoje vedenje prelamanja.

Pod razpoložljivo širino (ResizeObserver, scripts/toolbar.js) najbolj desno postavljeni vnosi izginejo za gumbom „Več dejanj“ (.wk-toolbar__more), ki odpre meni v videzu kontekstnega menija (role=„menu“/menuitem); vnos menija klikne pravi, skriti element — ena sama pot kode.

Rezervni način brez JS: vsi vnosi ostanejo vidni in se prelomijo (flex-wrap), brez menija prelivanja brez JavaScripta.

Glej odsek 4.

• Select/vnosna polja v meniju prelivanja so navedena kot kliknljivi vnosi — za zapletene kontrolnike vedenja prelivanja ne aktivirati.

Meni „Več dejanj„ mora biti upravljiv s tipkovnico — enak vzorec kot obstoječi kontekstni meni.

Se ne uporablja.

• predstavitveni pregled — vsaka kategorija
• Tab Control: Adaptivity — enako načelo prelivanja