Pour la navigation j'utilise un xe:navigator
et contenant xe:basicContainerNodes
, qui à son tour contiennent xe:pageTreeNodes
. Je dirais plutôt un design plutôt classique.xe: navigateur, extensible: comment remplacer les "twisties" par une icône personnalisée?
Si je marque le xe:navigator
comme « extensible » tous les containerNodes montrent quelque chose qui, à première vue semble être classique « twisties » afin que les utilisateurs peuvent réduire/les développer.
C'est un peu OK mais je serais ravi de remplacer les « twisties » avec des icônes montrant « + » ou « - » comme c'est ce que j'utilise partout ailleurs dans l'application.
En regardant le code html rendu pour mon navigateur je vois que les « twisties » sont en fait des liens avec un sprite de fond appliquée par css:
<a class="lotusSprite lotusArrow lotusTwistyOpenMenu" style="padding: 0px" role="button" href="#" onclick="javascript:XSP.oneUIMenuSwap(event,'wipe','view:_id1:_id2:facetLeft:_id278:outline_node_0')" title="Click to expand or collapse this section">
<span class="lotusAltText">▼</span>
</a>
(BTW: le <span>
à l'intérieur du lien semble être un élément faux car il est réglé sur display:none
)
examen sprite I en fait trouver des icônes « + » mais pas « - » les. Question: y a-t-il probablement une distance pour atteindre mon objectif, autre que de construire mon propre sprite et de remplacer celui d'origine?
Mise à jour: Une autre option serait utile de faire si Thar l'en lien hypertexte étiquette du conteneur utilisateur peut ouvrir/fermer les conteneurs en cliquant sur leurs étiquettes de titre. Une idée ici?
Mise à jour # 2: apparemment pas trop de réponses;). En attendant, je l'ai résolu en passant à un navigateur basé sur l'accordéon; un peu plus d'effort de programmation, mais plus beau, aussi ...