Skip to content
English
Contact us
  • There are no suggestions because the search field is empty.

15 | App Layout | Side Bar

Prerequisite To access and edit the "Tab" setting, the following Role Privileges

 

 

Prerequisite
  • To access and edit the "Tab" setting, the following Role Privileges will need to be enabled
    • Roles "Roles Maintenance" panel
      • Privilege Flags: "App Config"

 


Side Bar

 

Function Description

Number of Buttons

  • A dropdown list that allows users to select the number of sidebar buttons that will be displayed on the app
  • There will be between 2- 20 sidebar buttons that can be placed on the app
Order Icon 
  • This icon is used to reorder the sidebar buttons
  • When clicked, a new panel will appear. Hold and drag each button in the desired order and click SAVE AND EXIT to save changes
Tab
  • A unique number that shows the order of the buttons. It will start from 1 and go in descending order.
  • On the app, #1 will appear first
Page Name 
  • Input a display title that will appear along with the icon/image
Icon
  • A field to input the name of an icon from font awesome
  • If the user does not know any names of icons. follow this link https://fontawesome.com/v5/search to find icons that can be used
  • Ensure that the icon is available in version 5
  • Icons will appear on the left of the page name in the sidebar
Selector
  • A toggle that decides if an Icon or Image is to be used for the tab button
  • WHITE: button will display the icon that has been inputted in the Icon field
  • BLUE: Image is used and will display for the tab button
Image
  • A preferred picture that users can add to represent the tab button on the app
  • Selector toggle will need to be BLUE to enable this column for adding an image
  • To add an image follow these steps:
    1. Once the selector toggle is enabled, click the image area and file explorer will open
    2. Locate the desired picture and double-click it
    3. The picture will appear in a panel with a selection box
    4. Use the corners of the box to scale the selection or move the box by clicking and dragging
    5. Once the selection is final click confirm and it will appear in the respective row of the image column
  • The colours of the image will be replaced with the 'buttons and cards' fill colour.
  • For more details on buttons can cards, view App Config | App Theme
  • Recommendation: Choose an image with a background in one solid colour
View
  • A dropdown list that will display the names of different screens available in the app
  • Selecting one will allow the tab button to open this page when it is clicked

   
Navigation  
  • This will change automatically based on the selection made in the view column.
  • This column will be greyed out and cannot be modified directly