Responsive design


Noter om hvordan man implementerer responsivt design.


Der er en global variabel som hedder $design_is_responsive. Denne skal enten sættes manuelt eller ved at angive "responsive" i parametrene til head(). I scripts som ikke kalder head(), f.eks. de enkelte scripts for fanerne på et stamkort, der er det nødvendigt at sætte $design_is_responsive = true manuelt.

$design_is_responsive påvirker bl.a. toolbox().


Sider

Kald head() med parameteren "responsive".

3-delt tabel (tripletable)

Brug tripletable($col1,$col2,$col3, LayoutTriple::AUTOWIDTH);

Faner m.m

Sæt $design_is_responsive = true.

Brug flexbox('responsive'); og/eller flexbox('', '', ['style' => 'width:100%;]); istedet for box();.

Brug tabs($id, 1, $tabs, ['responsive' => true]);