Building Apps with Jigx
Home Hub

2min
Having a good home screen is essential for any mobile app as it is the first screen that users see when they open the app. A home screen should provide users with quick access to the most important features of the app, while also being visually appealing and easy to navigate. It should be intuitive and provide users with a clear understanding of what the app does and how to use it.  Careful consideration should be given during the design﻿ process. In  the home screen is called the  and is accessed after signing into the app.
Home screen
﻿
﻿
﻿ allows you to use various options when personalizing your . 

The main elements used are:
Tabs in Index settings﻿ 
﻿grid﻿ and grid-item﻿ 
Create a landing page/ home screen by configuring the navigation tabs that show at the bottom of the app. You can configure a maximum of four tabs. 
Each tab is associated with a  that is displayed when pressed. The first tab by default displays when the app is opened.
Setting the grid﻿  as the first tab's  creates a visually appealing and easy-to-navigate home screen.  
The grid﻿  and grid-item﻿ are available in 5 different sizes: 1x1, 2x2, 4x2, 2x4, and 4x4.
The jigId property refers to the name/ unique identifier of the  we are using.
There is also an optional property when that allows the grid-item to be displayed/hidden in a particular situation based on the expression.
Within the grid-item you can select to show widgets, an image﻿ , and Custom Components (Alpha)﻿. 
Add an onPress event to a grid-item to configure an action such as open-url without going to . 
For a code example see Creating a Home Hub﻿.
Index settings