UI Elements

UI Elements

A pagination menu is specially formatted to present links to pages of content.

A pagination menu is specially formatted to present links to pages of content.

4.13.1 Guideline

Guideline for the paginations are listed below.

  • The pagination format, resemblance will be unique all across the application..
  • In the page section, Left/right arrow helps user to navigate through pages.
  • In page section, dropdown menu to select page & default value shows the current page.
  • In record section, dropdown value shows the total record on the page. Default value will be 25 records.
  • Font color will be DarkGray(#5c5c5c)   and font size will be 12PX. For the dropdown menu font color will be DarkGray(#5c5c5c)   & icon color will be NavyBlue(#120e5b)  . Distance between placeholder and text,icon will be 5px.
  • Pagination will appear on both top and bottom side.
Pagination
Fig 4.13.1 Pagination

  • The pagination can be used to show the data divided into page where user can navigate through pages using navigation element. So it can be used as and when required. I.e The most important use of Pagination is in data table.

4.13.2 Usage

The pagination can be used to show the data divided into page where user can navigate through pages using navigation element. So it can be used as and when required. I.e The most important use of Pagination is in data table.

Usage of Pagination
Fig 4.13.2 Usage of Pagination