La classe de style CFWidgetToc contrôle le bloc widget présentant une table des valeurs d'un champ personnalisable, et possède deux sous classes controlant :

• le titre du bloc (CFWidgetTitle),
• et la liste de toutes les valeurs (CFWidgetValues).

Deux sous-classes de CFWidgetValues (CFWidgetValue et CFWidgetNumber) controlent :

• le texte affiché,
• et le nombre d'idées associées. 

Exemple (les styles utilisés par ce document) :

 Class CFWidgetToc

padding-left:5px;
margin:5px;
background-color:RGB(234, 233, 251);
padding-top:5px;
padding-bottom:5px;
font-size:90%;

 Class CFWidgetTitle

 Class CFWidgetValues
font-size:90%;
font-weight:100;
padding-left:10px;

 Class CFWidgetValue

 Class CFWidgetNb
font-size:80%;

Note : les coins arrondis sont obtenus avec le script Javascript "NiftyCorners", invoqué dans l'en-tête de page. Pour plus d'informations sur son utilisation, lire le tutoriel avancé Utilisation avancées de CSS,  présent dans ce manuel.