none
[Débutant] mise en forme du treeview RRS feed

  • Question

  • Bonjour,

     

    J'ai mis en place un treeview, mais il y a un comportement d'affichage que je ne comprends pas.

    J'ai voulu mettre une image au niveau des noeuds parents :

     

    .RootNodeStyle
    {
      Font-Size:14px;
      color: #565C60;
      Height:35px;
      background-image: url(Images/menu.jpg);
      background-repeat :no-repeat;
      width:220px;
    }
    

     


    J'obtiens bien l'effet escompté sur le nœud, mais avec une petite chose en plus, c'est que l'image est aussi au niveau du texte du noeud !!

    Bizarre non ?

    On pallie un peu au problème en transformant le nœud en block, mais alors, le libellé n'est plus aligné.

     

    Est ce que quelqu'un verrait une solution ?

     

    Merci d'avance

     

    Nicolas

     

     


    • Modifié Philomelo vendredi 5 août 2011 16:36
    jeudi 4 août 2011 20:11

Réponses

  • Je m'en suis sorti en utilisant les attributs CollapseImageUrl et ExpandImageUrl ET en utilisant la position relative pour les libellés des noeuds principaux.

    Le résultat n'est pas parfait, mais j'obtiens à peu près le comportement voulu.

     

    Nicolas

    • Marqué comme réponse Philomelo lundi 8 août 2011 20:08
    lundi 8 août 2011 20:08

Toutes les réponses

  • L'image ne s'affiche pas dans votre message, pouvez vous la réinsérer ? Merci :)
    vendredi 5 août 2011 14:15
  • Si c'est de l'ASP.Net, pas besoin de passer par le CSS, tu peux le faire directement dans ton noeud ASP : 

     

    <asp:TreeView ID="TreeView1" 
        runat="server" 
        DataSourceID="XmlDataSource1"
          ExpandImageUrl="~/Images/ExpandAll.gif"
          CollapseImageUrl="~/Images/CollapseAll.gif"
          NoExpandImageUrl="~/Images/stop.gif">
      </asp:TreeView>
    

     

    plus d'info ici  :http://msdn.microsoft.com/fr-fr/library/ms366759.aspx

     

    Cordialement,


    Rudy


    S'il vous plaît n'oublier pas de marquer la ou les réponses qui aident à résoudre votre problème. Pour que la discussion puisse être marquée comme résolue
    vendredi 5 août 2011 15:28
  • @BadProcESs

    J'ai mis l'image, je crois que ce sera plus simple.

    @Rudy

    En fait je voudrais ne pas utiliser les boutons +/- pour développer/fermer les menus, mais directement cliquer sur les emplacements des nœuds (je ne sais pas encore comment faire, mais j'y travaille). Par conséquent les propriétés dont tu me parles ne peuvent pas me servir. D'ailleurs, ces propriétés modifient le bouton +/- mais pas l'arrière-plan du libellé du menu.

     

    Nicolas




    vendredi 5 août 2011 16:42
  • Tu ne veux pas qu'apparaissent le "[+]", j'ai bien compris ?

    Si ,c'est ça, teste voir si list-style-image: none fonctionne.

    lundi 8 août 2011 09:56
  • Je m'en suis sorti en utilisant les attributs CollapseImageUrl et ExpandImageUrl ET en utilisant la position relative pour les libellés des noeuds principaux.

    Le résultat n'est pas parfait, mais j'obtiens à peu près le comportement voulu.

     

    Nicolas

    • Marqué comme réponse Philomelo lundi 8 août 2011 20:08
    lundi 8 août 2011 20:08