What you have looks right. Can you try and locate app.js under the sources tab in the developer console and check it matches what you entered in your developer console.

Jared

I followed what you said but i m not able to upload the change in my template page, I replaced "section 2" with "Eclairage" as you see in the screenshoot. The cache is disabled

Also im not able to load the logo, i replaced "logo.svg" (which i don't find) by "logo.png" as http://localhost:8080/modules/dashboards/web/img/logo.png

Thanks for your assitance

have a good day

https://help.infiniteautomation.com/support/solutions/articles/14000023049-getting-started-with-custom-dashboards-and-angularjs

The directions I gave for modifying the menu are for the new dashboard module. If you want to update to it you can click the puzzle icon from the main Mango console, to go to the modules page, then click the 'Check for Upgrades' button and upgrade the custom dashboard module to 3.1

I suggest following the instructions for creating a copy of the adminTemplate and using that as a starting point for customizing the menu and creating your own pages.

Thanks @Will-Geller i opened all my fields and made i global through it, there is any mention of "menuText" am using the sb-admin template source

// define our pages, these are added to the $stateProvider in the config block below
myAdminApp.constant('PAGES', [
    {

You will need to modify this JSON block. For example here I renamed "Section 1 > Page 1" to "Guages > Guage 1"

{
        state: 'dashboard.section1', // define some nested pages
        url: '/section-1',
        menuText: 'Guages',
        menuIcon: 'fa fa-building',
        menuType: 'toggle',
        children: [
            {
                state: 'dashboard.section1.page1',
                templateUrl: 'views/section1/page1.html', // html file to display
                url: '/page-1',
                menuText: 'Guage 1',
                menuType: 'link',
                menuIcon: 'fa fa-pie-chart'
            },
            {
                state: 'dashboard.section1.page2',
                templateUrl: 'views/section1/page2.html',
                url: '/page-2',
                menuText: 'Page 2',
                menuType: 'link'
            }
        ]
    },

You can also add the menuIcon property, as I did here, and set it to a string that is the font awesome icons class. http://fontawesome.io/icon/pie-chart/

You might want to do some reading up on JSON as that is the format used for configuring the menu.

Lastly let's say you add a new page by copying page1.html and move it to the views/guages/guage1.html directory. You can then point the menu link to this new page by setting

templateUrl: 'views/guages/guage1.html', // html file to display

Can you post some of your code so we can see what you are attempting to modify? Maybe a screenshot of the demo menu you wish to modify would also be helpful.

Thanks,

I'm able to see all my change by deleting the cache, but my issue is about how to add new item on the menu. What is the field which I need to use for that

I'm a beginner in html5

Sorry for my English

Thanks you