4.8.1 setTabPlacement

Cette option indique le positionnement des onglets.

Dcp\Ui\DocumentRenderOptions setTabPlacement(string $tabPlacement)

Le widget de gestion des onglets est basé sur un widget [Kendo tab Strip][kendotab].

4.8.1.1 Restrictions

Aucune

4.8.1.2 Paramètres

L'argument tabPlacement peut valoir :

Dcp\Ui\DocumentRenderOptions::tabTopFixPlacement

affichage horizontal en haut "taille des onglets fixe" (par défaut)

Si la largeur de l'ensemble des d'onglets dépasse la largeur de la page, le dernier onglet visible devient un sélecteur permettant d'accéder aux onglets suivants qui ne sont pas affichés.

Pour modifier la largeur d'un onglet dans ce mode, la règle css suivante peut être surchargée :

.dcpDocument__tabs--fixed .dcpTab__label {
    width: 10em;
}

Dcp\Ui\DocumentRenderOptions::tabTopProportionalPlacement

affichage horizontal en haut "taille des onglets variable"

Tous les onglets ont la même largeur qui est proportionnelle à la largeur du document. Tous les onglets sont affichés quelque soit la largeur. Si le texte complet n'a pas la place de s'afficher, il est tronqué (ellipsis).

Dcp\Ui\DocumentRenderOptions::tabLeftPlacement

affichage vertical à gauche

Pour modifier la largeur d'un onglet dans ce mode, la règle css suivante peut être surchargée :

.dcpDocument__tabs--left .dcpDocument__tabs__list {
    width: 10em;
}

4.8.1.3 Cas particuliers

Aucun

4.8.1.4 Exemples

Positionnement à gauche :

$options->document()
    ->setTabPlacement(\Dcp\Ui\DocumentRenderOptions::tabLeftPlacement);