Difference between revisions of "Page Indicator"
Jump to navigation
Jump to search
(Initial Page) |
|||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
[[File:PageIndicator.png|thumb|The iv-page-indicator component with the first page active and five pages in the collection.]] | [[File:PageIndicator.png|thumb|The iv-page-indicator component with the first page active and five pages in the collection.]] | ||
The page indicator component is designed to display the page number in the top left of the page for collections of visualisations. | The page indicator component is designed to display the page number in the top left of the page for collections of visualisations. It should create one button for each page in a collection, and the currently active page should be highlighted in white. | ||
==Technical information== | ==Technical information== | ||
The <code>iv-page-indicator</code> is not designed for general use. Instead it should automatically appear when a collection is created on the website. | The <code>iv-page-indicator</code> is not designed for general use. Instead it should automatically appear when a collection is created on the website. | ||
Line 14: | Line 14: | ||
==Design Choices== | ==Design Choices== | ||
The colour is designed to fit with the general ImpVis blue. There is no highlighting on hover; this could be added in future. | The colour is designed to fit with the general ImpVis blue. There is no highlighting on hover; this could be added in future. The currently active page is highlighted in white to indicate that this page is currently selected. | ||
[[Category:Layouts]] |
Latest revision as of 13:00, 30 June 2021
The page indicator component is designed to display the page number in the top left of the page for collections of visualisations. It should create one button for each page in a collection, and the currently active page should be highlighted in white.
Technical information
The iv-page-indicator
is not designed for general use. Instead it should automatically appear when a collection is created on the website.
Props
none
Events
none
Design Choices
The colour is designed to fit with the general ImpVis blue. There is no highlighting on hover; this could be added in future. The currently active page is highlighted in white to indicate that this page is currently selected.