Page dans le backoffice, sélécteur CSS

Petit récapitulatif des sélecteurs CSS présents dans le backoffice.

Les colonnes

Le contenu central, peut être utilisé à loisir, avec des colonnes à droite ou à gauche, et une colonne principale. Dans ce contexte de colonne vous pouvez utiliser les class de largeur permettant d’ajuster les largeurs de colonne :

  • w_20 largeur de 20%
  • w_30 largeur de 30%
  • w_40 ..

Pour positionner les colonnes, une class ajuste le flottant droit, gauche, ou le clear:both ;

  • fleft float gauche
  • fright flotant droit
  • clear

Main

Le titre de la page (h3) utilisera la class

  • main-title

Si un block est présent de type intro/text, l’utilisation de la class

  • main-intro

Les tables

Dans le cas des tables, pour obtenir le chargement jQuery correspondant (dans le cas de tableau chargée via AJAX) la class utilisée est:

  • dataTable Même sans AJAX , l’utilisation de cette class chargera le tri sur le tableau via javascript.

Au sein des tables, la colonne action est quelque peu spécifique. Elle utilise les classes dataTableRow view parent sur le « tr » ; De plus le « td » de la colonne action porte lui les classes row_action. Enfin il est possible de séparer 2 séries de bouton contenues dans des span. Si le span contient la class view fils, elle réagira au survol de la ligne.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *