Building Apps with Jigx
...
UI
Home Hub
Index settings
9min
in the index jigx file, you set solution settings, including the primary information about the solution, the home hub docid 4flxgln9c4 r1xr3uodi4 set up, and properties reusable throughout the solution name, title, category, description name your internal solution name title this name will be displayed in your app and management category a predefined list of solution categories to choose from description a description you provide for your solution index jigx title jigx samples name jigx samples category personal description a solution displaying all features and functions available in jigx tabs tabs are properties used to build your navigation bar that displays at the bottom of the {{homehub}} you can configure a maximum of four tabs the last tab shown is the profile tab that navigates you to the app settings, such as troubleshooting, notifications, and secondary identities each tab is associated with a {{jig}} that is displayed when pressed the first tab by default displays when the app is opened setting the grid docid\ go2jyudooqbclmtrekshi {{jig}} as the first tab's {{jig}} creates a visually appealing and easy to navigate home screen core structure tabs the top level property under which the various tabs are configured icon the icon to be shown on the navigation bar for the tab, for example a home icon jigid the name/ unique identifier of the {{jig}} that will open when the tab is pressed other options badge optional property enhance your tab with a customizable badge for instance showing the number of events this week or the number of new orders add the badge property to the tabs section with an expression label give the tab a title the title displays under the icon in the navigation bar when the condition when the tab will be displayed or hidden (optional) use an expressions docid 381lsriefhbm5 26p9ogs that evaluates to a boolean index jigx name jigx samples title jigx samples category business \# configure one to four tabs, shown in the navigation bar at the bottom of the app tabs \# give each tab a name first tab home \# optional provide a label to display under the tab icon label home \# this jig is the home screen and is visible when the app opens jigid grid home \# select an icon of your choice icon home apps logo \# second tab services \# reference the jig that will open when the tab icon is pressed jigid grid components icon cleaning bucket bubble \# third tab bookings jigid grid booking icon calendar \# configure a badge showing a dot or a numbered dot on the top right of the icon \# use a expression or number to set the badge badge =$count(@ctx datasources guests) \# fourth tab reviews jigid feedback icon online class student onload, onfocus, onrefresh these properties allow you to configure actions docid\ mts0vqmw0lbreqg41sosw executed in various scenarios onload when the solution loads for the first time the configured actions execute this is recommended for best performance when working with data, sync the data when the solution loads and ensures the data is available from the beginning and throughout the rest of the solution onfocus when the {{homehub}} receives focus the configured actions execute onrefresh when pulling down on the {{homehub}} the action configured for onrefresh executes index jigx (onload) onload type action set state options state =@ctx solution state logintimestamp value =$now() index jigx (onfocus) onfocus type action sync entities options provider data provider dynamic entities \ entity default/test index jigx (onrefresh) onrefresh type action execute entity options provider data provider dynamic entity default/test method update goback previous data id =@ctx datasources test id action 'execute entity onrefresh' global expressions use the expressions property to set expressions that are reusable throughout the solution in various {{jig}} s index jigx expressions user =@ctx user displayname timezone =@ctx system timezone name altitude =@ctx system geolocation coords altitude jig jigx title shared expressions example type jig default children \ type component entity options children \ type component entity field options label current user value =@ctx expressions user \ type component entity field options label current timezone value =@ctx expressions timezone \ type component entity field options label current altitude value =@ctx expressions altitude for more details and examples refer to the shared expressions section in expressions docid 381lsriefhbm5 26p9ogs dependencies in the dependencies property, you can define the mobile app build version compatible with the yaml configuration if the current mobile app build version does not meet the criteria, the out of date screen will appear, with a message that an update is required tapping the update button redirects you to your app settings to update the version of the app index jigx dependencies mobileapp '>1 0 0' see also home hub docid 4flxgln9c4 r1xr3uodi4