2015-08-26 1 views
0

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

Répondre

0

l'a résolu en passant aux accordéons. Cela semble encore plus agréable, mais c'est un peu plus d'effort de programmation (en gardant les bons panneaux d'accordéon ouverts et en marquant les entrées de menu actuellement sélectionnées)