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



  • 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.


  • ADMIN

    @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



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



  • 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 :)


Log in to reply