Zeplin Styleguide



 CardZeplin Documentation Layout example 
1ID3 Boardlet
coming soon
2ID3 Tabshttps://zpl.io/V17rG3k

Jira

GE2-805 - Getting issue details... STATUS

The boardlet is the heart of the interface. On the boardlet all the different information is aggregated and displayed. Currently the boardlet is available in 2 states, with and without Tabs. In the next subpoints you will find all information about the boardlets.


  • No labels

4 Comments

  1. Erwin Vervondel

    Some Remarks:

    • Time Selector: in some cases the boarlet will follow the global time setting of the UPW. In this case, the time show in the boardlet will only be a label.
      • Note: A boardlet can be configures to have its own specific time selector OR follow the global time selector OR has no time selector relevance
    • Table Layout: in the table examples above, it looks as if the table column width are aligned with the grid system... A real table will have column widths aligned with the data in it and these are not necessarily aligned with the grid... 
  2. Ron Oemus

    hey Erwin Thanks for Feedback!!
    Table Layout: in the table examples above, it looks as if the table column width are aligned with the grid system... A real table will have column widths aligned with the data in it and these are not necessarily aligned with the grid...
    You're right about that. I'll use something other than a table boardlet. bad example


    In dSFM we need this as I have simulated it. we have a global time and a local time. this is needed when comparing KPIs and time is important.
    we must find a common. to solve these quick comparisons over the global time is impure and laborious.

    we have to find a common path. but this can only be found together with everyone involved.

    Tough topic


  3. Wannes Dhooge

    Hi Ron,

    first of all, well done. I have no other remarks then what Erwin stated already.

    Great!

  4. Valeriy Sveyko

    Maybe we could add the line with the primary color (it seems, it is yellow at black scheme?) to the e1-tabs to make it more contrast after selection?
    as here, for example.. https://material.angular.io/components/tabs/examples