• Categories
  • Recent
  • Tags
  • Popular
  • Register
  • Login
  • 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.9k 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 7 Aug 2016, 20:06

    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.

    J 1 Reply Last reply 8 Aug 2016, 01:57 Reply Quote 0
    • J Offline
      jkandasa @Tag
      last edited by 8 Aug 2016, 01:57

      @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 8 Aug 2016, 12:16 8 Aug 2016, 06:43

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

        T 1 Reply Last reply 8 Aug 2016, 13:18 Reply Quote 1
        • T Offline
          Tag MOD @Tag
          last edited by Tag 8 Aug 2016, 18:49 8 Aug 2016, 13:18

          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
          2 out of 4
          • First post
            2/4
            Last post

          0

          Online

          619

          Users

          531

          Topics

          3.4k

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