Dashboard example source

(5 posts) (2 voices)
  • Started by ken@pesttrend.com
  • Latest reply from ken@pesttrend.com


No tags yet.

  1. ken@pesttrend.com, Member

    In the demo you have, one of the items is "A dashboard example - sample BI dashboard". It has a good layout and above all is responsive to screen size change.

    Most of your examples have a "show how this report is done" button but this particular example does not. Where can I find the source code for this "sample BI dashboard".

  2. myDBR Team, Key Master

    See the documentation on Templates sample on "Recording template variables". The elements on the reports are DIV's created by a template and populated via recorded variables.

    myDBR Team

  3. ken@pesttrend.com, Member

    Although the Templates sample shows how to create the squares, it does not show how to make the dashboard responsive like you have in the example. It would be extremely helpful if we could see how you did the responsive part.

  4. myDBR Team, Key Master

    You can take a look at the source code for the report in your browser's debugger.

    The template elements (DIVs) are enclosed within a parent DIV with the following definition:

    .dashboard {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    justify-content: center;

    The CSS definition ensures that the enclosed DIVs respond to the screen size, making them responsive.

    myDBR Team

  5. ken@pesttrend.com, Member

    That worked. Thank you.


You must log in to post.