Navigation

    Communauté Digdash

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups

    Astuce : afficher verticalement le menu du tableau de bord

    Éditeur de Tableaux de Bord
    astuce menu tableau de bord
    4
    5
    1173
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • ?
      A Former User last edited by DigDash

      Bonjour à tous,

      L'astuce que je vous propose aujourd'hui est de pouvoir afficher verticalement le menu d'un tableau de bord dans DigDash.

      De manière initiale, un tableau de bord DigDash présente son menu de manière horizontale, comme ci-dessous :
      menu_horizontal.png
      Il est possible de l'afficher de manière verticale. Il apparaîtra alors sous la forme d'un menu vertical, positionnable à droite ou à gauche.
      menu_vertical.png

      Pour effectuer cette configuration :

      • rendez-vous dans l'éditeur de tableau de bord
      • en haut à droite, cliquez sur votre nom d'utilisateur
      • dans le menu contextuel qui apparaît, passez votre curseur sur Propriétés puis dans le second menu cliquez sur Propriétés
      • la fenêtre Propriétés du tableau de bord apparaît
      • cochez la case à cocher Afficher le menu de navigation dans les pages
      • validez en cliquant sur OK
      • enfin, enregistrez la modification
      • rendez-vous en mode consultation pour observer le résultat !
      S delaunay_g A 3 Replies Last reply Reply Quote 3
      • ?
        A Former User @delaunay_g last edited by

        Bonjour @delaunay_g,

        Comme vous avez dû l'observer, le menu vertical se rétracte lorsque l'on clique sur le logo en haut de ce menu.

        Il n'y a pour l'instant pas d'option permettant d'afficher une telle disposition rétractée au chargement de la page.

        Cependant, vous pouvez mettre en place une logique à l'aide de l'éditeur Javascript pour que la disposition soit ainsi programmée à l'affichage de la page .

        Par exemple :

        var firstLoad = false;
        
        /** écouteur sur le chargement de la page*/
        ddCtrl.addCurrentPageLoadListener(function(currentPage)
        {
            //récupération de l'élèment en haut du menu vertical
            var menu_elem = document.getElementsByClassName('navigationMenuHeader');
            if(menu_elem[0] && !firstLoad){
                //simulation d'un clic de souris sur l'élèment
                menu_elem[0].click();
                firstLoad = true;
            }
        });
        
        1 Reply Last reply Reply Quote 1
        • S
          SAI @Guest last edited by

          @basile Très intéressant, merci de l'astuce !

          Saïd AÏSSAOUI
          Conseil Départemental des Yvelines
          Direction des Finances et de l'Évaluation

          1 Reply Last reply Reply Quote 0
          • delaunay_g
            delaunay_g @Guest last edited by

            @basile Astuce effectivement très intéressante. Par ailleurs, savez-vous s'il est possible de paramétrer l'application pour que ce menu soit en état réduit (rétracté) au début de la navigation ?

            Guillaume Delaunay

            • Délégation de l'appui au pilotage et de l'amélioration continue (DAPAC)
            • université de Caen Normandie | uniCaen
            ? 1 Reply Last reply Reply Quote 0
            • A
              Arnaud Le Bouil @Guest last edited by

              Bonjour,

              Est-il possible d'enlever le logo et la mention Digdash en haut du menu vertical ?

              En vous remerciant par avance
              Arnaud

              1 Reply Last reply Reply Quote 0
              • 1 / 1
              • First post
                Last post
              • Accueil
              • Webinaires
              • Documentation
              • Interviews
              • Vidéos tutos