Určování šířek elementů
V předchozích kapitolách a ukázkových příkladech k rendererům jsme narazili na téma šířky elementů. Zopakujme jak například na formuláři nastavit výchozí šířku popisků a vstupních prvků:
$form->renderer()->setDefaultLabelWidth( [
Form_Renderer::LJ_SIZE_EXTRA_SMALL => 12,
Form_Renderer::LJ_SIZE_SMALL => 12,
Form_Renderer::LJ_SIZE_MEDIUM => 2,
Form_Renderer::LJ_SIZE_LARGE => 2
] );
$form->renderer()->setDefaultFieldWidth( [
Form_Renderer::LJ_SIZE_EXTRA_SMALL => 12,
Form_Renderer::LJ_SIZE_SMALL => 12,
Form_Renderer::LJ_SIZE_MEDIUM => 10,
Form_Renderer::LJ_SIZE_LARGE => 8
] );
Jak již bylo uvedeno a jak jste si všimli pokud jste prozkoumávali view skripty ukázkové aplikace, tak ta využívá framework Bootstrap a v onom nastavování šířek jste patrně hned poznali grid stéstém Bootstrapu.
A přesně o to jde. Jde o to, že stránka je rozdělena horizontálně na díly a tak dále ... Ale však to znáte a pokud ne, tak viz například popis onoho grid systému Bootstrapu.
POZOR! Na první pohled to jednoznačně působí tak, že Jet je s Bootstrap svázaný. Tak tomu v žádném případě není. Renderery vůbec s žádným konkrétním frameworkem nepočítají. Jaké HTML bude nakonec vygenerováno je úkolem view skriptů, framework samotný to jakkoliv nepředurčuje. Ovšem jde o to, že tento grid systém je (pravděpodobně) dobrý způsob jak k problému přistupovat.
Prostě je dobré mít v rozvržení stránky nějaký systém a řád. A jak se ten řád nakonec transformuje v HTML a CSS? To už je věc druhá - nejméně důležitá, ale způsobů jak to udělat je celá řada.
Jet tedy nabízí možnost jak s grid systémem pracovat. A tu možnost využívá ukázková aplikace. Ovšem pokud Bootstrap nahradíte pro vaší aplikaci čímkoliv jiným, tak je to naprosto v pořádku a je to záměr - tak má Jet fungovat. Ovšem vždy máte možnost nastavení šířek použít a zejména jej interpretovat ve view jak vy potřebujete.
Dokonce i metody pro nastavení šířek očekávají prostě asociované pole a jak šířky určíte i na straně definice může být čistě vaše věc.