Difference between revisions of "Pane Navigator"

From ImpVis Wiki
Jump to navigation Jump to search
(Created page with "thumb|The iv-pane-navigator component, where both a next and previous button is displayed. The pane navigator component creates "next" and "previous...")
 
(Initial Page)
Line 2: Line 2:
The pane navigator component creates "next" and "previous" buttons at the bottom of the side pane. This component should automatically appear in collections.
The pane navigator component creates "next" and "previous" buttons at the bottom of the side pane. This component should automatically appear in collections.
==Technical information==  
==Technical information==  
The <code>iv-pane-navigator</code> is not designed for general use. Instead it should automatically appear when a collection is created on the website and the "show-pagination" prop of the <code>iv-sidebar-content</code> component is set to true.
The <code>iv-pane-navigator</code> is not designed for general use. Instead it should automatically appear when a collection is created on the website and the "show-pagination" prop of the <code>iv-sidebar-content</code> component is set to true. On the first and last pages of a collection the relevant next/previous button will be hidden.


===Props===
===Props===
Line 12: Line 12:


==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 currently active page is highlighted in white to indicate that this page is currently selected.
The colour is designed to fit with the general ImpVis blue. The button turns a lighter shade of blue when hovered over, to indicate that it is active.


[[Category:ImpVis_Components]]  
[[Category:ImpVis_Components]]  
[[Category:Layouts]]
[[Category:Layouts]]

Revision as of 10:24, 30 June 2021

The iv-pane-navigator component, where both a next and previous button is displayed.

The pane navigator component creates "next" and "previous" buttons at the bottom of the side pane. This component should automatically appear in collections.

Technical information

The iv-pane-navigator is not designed for general use. Instead it should automatically appear when a collection is created on the website and the "show-pagination" prop of the iv-sidebar-content component is set to true. On the first and last pages of a collection the relevant next/previous button will be hidden.

Props

none

Events

none

Design Choices

The colour is designed to fit with the general ImpVis blue. The button turns a lighter shade of blue when hovered over, to indicate that it is active.