Wiki source code of Active Install Design
Last modified by Vincent Massol on 2024/11/19 16:13
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | == Proposal == | ||
| 2 | |||
| 3 | Currently the Active Installs application is using a Dashboard to display its information. | ||
| 4 | There are some limitations that prevent this proposal: | ||
| 5 | |||
| 6 | * Dashboard | ||
| 7 | ** the layout options for Dashboard are very limited: 2+ columns for all the content of the page | ||
| 8 | *** this prevents layouts composed of multiple areas, like first part to have 2 columns, the next one 3 columns and the last one column (see [[layout>>attach:junco.png]]) | ||
| 9 | *** the alternative is to display the components on a grid, outside the Dashboard | ||
| 10 | ** the gadget titles cannot be customised | ||
| 11 | *** this means there is no way to style for example the version (see [[titles>>attach:activeinstalls.png]]) | ||
| 12 | * Chart | ||
| 13 | ** custom colours need to be defined per individual chart instead of be given from the CSS using variables. This need to be set up for all the charts used (see [[colours>>attach:system.png]]) | ||
| 14 | ** the chart width is calculated in pixels. An alternative would be to provide '%' widths in order to accommodate responsive layout. This can be overridden from CSS | ||
| 15 | |||
| 16 | === Overview === | ||
| 17 | |||
| 18 | (% class="col-xs-12 col-sm-12 col-md-12 col-lg-6 pull-left" %) | ||
| 19 | ((( | ||
| 20 | |||
| 21 | ))) | ||
| 22 | |||
| 23 | (% class="col-xs-12 col-sm-12 col-md-12 col-lg-6 pull-right" %) | ||
| 24 | ((( | ||
| 25 | {{gallery}} | ||
| 26 | image:junco.png | ||
| 27 | image:colibri.png | ||
| 28 | {{/gallery}} | ||
| 29 | ))) | ||
| 30 | |||
| 31 | (% class="clearfix" %) | ||
| 32 | ((( | ||
| 33 | |||
| 34 | ))) | ||
| 35 | |||
| 36 | === Components === | ||
| 37 | |||
| 38 | (% class="col-xs-12 col-sm-12 col-md-12 col-lg-6 pull-left" %) | ||
| 39 | ((( | ||
| 40 | |||
| 41 | ))) | ||
| 42 | |||
| 43 | (% class="col-xs-12 col-sm-12 col-md-12 col-lg-6 pull-right" %) | ||
| 44 | ((( | ||
| 45 | {{gallery}} | ||
| 46 | image:activeinstalls.png | ||
| 47 | image:system.png | ||
| 48 | image:extensions.png | ||
| 49 | {{/gallery}} | ||
| 50 | ))) | ||
| 51 | |||
| 52 | (% class="clearfix" %) | ||
| 53 | ((( | ||
| 54 | |||
| 55 | ))) |
