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

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

Deux sous-classes de TFWidgetValues (TFWidgetValue et TFWidgetNumber) contrôlent :

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

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

 Class TFWidgetToc

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

 Class TFWidgetTitle

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

 Class TFWidgetValue

 Class TFWidgetNb
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.