web-dev-qa-db-fra.com

Un cas particulier de panneaux arborescents / pliables

Cela pourrait être considéré comme une sorte de cas particulier du problème décrit ici: De quelle manière les flèches doivent-elles pointer dans un accordéon pliable? Gauche/bas… bas/haut?

J'ai ce scénario:

enter image description here

Comme on peut le voir dans l'illustration, ma conception actuelle n'est pas cohérente avec l'approche adoptée dans l'Explorateur Windows (et le Finder OSX, d'ailleurs, avec d'autres icônes de flèche).

Ma question est donc:

  • Comment communiquer que HEADLINE 1.1 contrôle les états d'effondrement du contenu de ses sous-titres et non si les sous-titres eux-mêmes sont visibles?

MISE À JOUR:Voici un exemple en direct .

4
agib

Le contrôle d'extension de triangle auquel vous faites référence ici est décrit par Microsoft dans leurs Progressive Disclosure Controls Guidelines . Ce contrôle particulier est le seul qui s'affiche dans son état actuel (par opposition à "l'état futur", c'est-à-dire l'état dans lequel il se trouvera lorsqu'il est sélectionné), car il ressemble (apparemment) à un levier rotatif, ce qui montre la direction dans laquelle le l'action s'est produite.

Triangles rotatifs

But - Afficher les détails: afficher ou masquer les informations supplémentaires en place pour un élément individuel. Ils sont également utilisés pour agrandir les conteneurs.

Apparence - Les triangles rotatifs ressemblent un peu aux leviers rotatifs, donc ils pointent dans la direction où l'action s'est produite.

Le glyphe indique - État actuel

2
JonW

Je n'utiliserais pas d'arborescence. (A) Utilisez HEADLINE 1.1 et HEADLINE 1.2 comme titre avec l'option "EXPAND ALL". Ci-dessous, vous avez placé l'arbre avec les sous-têtes pliables. (B) Il y a trop d'éléments, vous pouvez également diviser l'arbre en 2 vues (la première est une liste et la seconde un arbre).

Examples

2
sysscore