Navigation

    Communauté Digdash

    • S'inscrire
    • Se connecter
    • Recherche
    • Catégories
    • Récent
    • Mots-clés
    • Populaire
    • Utilisateurs
    • Groupes

    Astuce : afficher verticalement le menu du tableau de bord

    Éditeur de Tableaux de Bord
    astuce menu tableau de bord
    4
    5
    549
    Charger plus de messages
    • Du plus ancien au plus récent
    • Du plus récent au plus ancien
    • Les plus votés
    Répondre
    • Répondre à l'aide d'un nouveau sujet
    Se connecter pour répondre
    Ce sujet a été supprimé. Seuls les utilisateurs avec les droits d'administration peuvent le voir.
    • B
      basile Expert DigDash dernière édition par 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 réponses Dernière réponse Répondre Citer 3
      • B
        basile Expert DigDash @delaunay_g dernière édition par

        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 réponse Dernière réponse Répondre Citer 1
        • S
          SAI @basile dernière édition par

          @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 réponse Dernière réponse Répondre Citer 0
          • delaunay_g
            delaunay_g @basile dernière édition par

            @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
            B 1 réponse Dernière réponse Répondre Citer 0
            • A
              Arnaud Le Bouil @basile dernière édition par

              Bonjour,

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

              En vous remerciant par avance
              Arnaud

              1 réponse Dernière réponse Répondre Citer 0
              • 1 / 1
              • Premier message
                Dernier message
              • Accueil
              • Webinaires
              • Documentation
              • Interviews
              • Vidéos tutos