• Categories
    • Recent
    • Tags
    • Popular
    • Register
    • Login

    How to change the dashboard to a different (customized) layout

    Scheduled Pinned Locked Moved Dashboard
    4 Posts 2 Posters 2.8k Views 1 Watching
    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.
    • T Offline
      Tag MOD
      last edited by

      Many thanks for the tip on how to get the gauges working!! works like a charm, even created some nice gauges that change color based on the percentage on the scale of the measured value...

      Now i run into a different issue, i want to display several gauges next to each other, lets say 4 or 5 to get a nice overview of the values i am measuring. seems that some of the dashboard structures allow 3 gauges next to each other (4-4-4/12), which in my case results in a lot of wasted space on the dashboard.

      In my case a 4-4-4-4/16 or 5-5-5-5-5/25 would be great...

      Is it possible to change this in the mycontroller code somewhere?

      Or can this be taken into account in a next release?

      Thanks!!
      Tag.

      jkandasaJ 1 Reply Last reply Reply Quote 0
      • jkandasaJ Offline
        jkandasa @Tag
        last edited by

        @Tag

        In my case a 4-4-4-4/16 or 5-5-5-5-5/25 would be great...

        The total number should be 12, So for 4 columns it can be like 3-3-3-3 and for 5 columns should be 2-2-2-3-3. You can add any number of rows.

        Is it possible to change this in the mycontroller code somewhere?

        Yes it is possible to change structure as we want. By adding new settings here, https://github.com/mycontroller-org/mycontroller/blob/master/dist/src/main/package/www/app.js#L805

        for 4 columns and 5 columns with single row,

        structure('3-3-3-3', {
             rows: [{
               columns: [{
                 styleClass: 'col-md-3'
               }, {
                 styleClass: 'col-md-3'
               }, {
                 styleClass: 'col-md-3'
               }, {
                 styleClass: 'col-md-3'
               }]
             }]
           }).structure('2-2-2-3-3', {
             rows: [{
               columns: [{
                 styleClass: 'col-md-2'
               }, {
                 styleClass: 'col-md-2'
               }, {
                 styleClass: 'col-md-2'
               }, {
                 styleClass: 'col-md-3'
               }, {
                 styleClass: 'col-md-3'
               }]
             }]
           })
        

        Or can this be taken into account in a next release?

        I guess 4 column might be used by many people. We can add 4 columns.

        To know more about dashboard structures https://github.com/angular-dashboard-framework/adf-structures-base

        1 Reply Last reply Reply Quote 0
        • T Offline
          Tag MOD
          last edited by Tag

          WIll give it a try! thanks! 👍
          (would be great to have this added in a next release!)

          T 1 Reply Last reply Reply Quote 1
          • T Offline
            Tag MOD @Tag
            last edited by Tag

            Done!!, works like a charm!!, 4 columns work best, if 5 columns are used, the gauges are too big...
            need to play around with the gauge size for this 🙂

            1 Reply Last reply Reply Quote 1
            • First post
              Last post

            0

            Online

            587

            Users

            529

            Topics

            3.4k

            Posts
            Copyright © 2015-2025 MyController.org | Contributors | Localization