Home Screen Settings
Home Screen Settings
This is a newer section of the app that is important for customers using the new Widget Layout. Below is an explanation of everything that can be controlled through this page. Explanations of these settings exist in the intranet page as well.
Introduction
Types of Layouts
Switch Layout
If you would like to switch the layout. Please contact
Support Team.
Widget Layout
Introduction
With Widget Layout, there is the flexibly to enable/disable the widgets anytime, creating various layouts
Enable / Disable
All widgets are disabled by default. Widgets can be enabled or disabled any time by clicking the toggle, the change will then immediately be effective on the app (given there is no cache on the users device)
View/Edit
Click “View/Edit” to view or edit the widget.
When the widget is enabled, the changes will be published after clicking “Save & Publish”. When the widget is disabled, the changes will be saved as draft. It will be published when the widget is enabled.
Cache clearing
To ensure a seamless browsing experience, the home screen layout settings are cached on the user’s device for 30 minutes. Afterwards, when the user relaunches the app, the device will get the new settings (if there are updates). That means if you make changes during the user’s device cache effective period, your changes will not be immediately displayed on their app.
To check how your set up looks on the member app, you can run an “ad-hoc cache clearing”.
Steps
1. Open Slide Out Menu
2. Click “Setting”
3. Click “About this app”
4. Relaunch your app
Background Image & Heading
Home Screen Background Image URL
Click “Choose File” to upload the background image. Click “View Current” to view the uploaded image.
Has Background Image Overlay
The setting is “Yes” by default, which is adding a black semi-transparent overlay above the image.
Remove Background Image
The setting is “No” by default. When you select “yes”, the background will be in white.
Has Transparent Title Bar
By default, the Title Bar is transparent on the home screen. If you select 'No,' the Title Bar will display in color according to the global Title Bar color settings.
Member Greeting
Show “Hello [Member First Name]” by default.
Slides
Add images with the option to embed links to be displayed in slideshows.
Upload An Image
For optimal display, we recommend using an image with dimensions of 400px by 255px. If your image is larger than these dimensions, you will have the option to crop it after uploading.
Keep in mind that due to varying screen sizes, your image might be cropped differently on some devices. To ensure important content is not cut off, leave additional spacing between the edges of your image and the main content area.
Embed A Link (Optional)
(1) Link to other pages in app
You can link to tiles that are live on Slide Out Menu or Bottom Navigation. Please note that linking to Navigation Pages is currently not supported.
(2) URL
Alternatively, you can link to a URL, such as your club’s website or an external site. Members will be able to view the linked webpage within the app
Slide Display Duration (seconds)
If you add more than one slide, set the display duration to at least 1 second per slide.
Upcoming Booking & Events
Show a list of upcoming bookings and events.
The app user is expected to click the refresh button (top right) to check the latest list of bookings and events.
Upcoming Bookings
Users can view bookings for today and for the next “X” days. Once an event for today has passed its scheduled time, it will no longer appear in the list.
Clicking on a booking will redirect the user to the My Bookings Page, with the view anchored to the selected booking.
When there are no bookings, the user will see a button “View events” which will redirect the user to the Upcoming Events tab.
Upcoming Events
The user can apply the following conditions for the upcoming event list
(1) Today and Next “X” days
(2) Limit to “X” events to be displayed, summing the total events under the “Today” and “Next X days” sections.
(3) Event Category
If an event has 2 categories, it will still show if one of the categories is not selected.
Styling
(1) Background Color
Refers to the widget is background color
(2) Font
Refers to all texts’ colors except those on the buttons
(3)
Active Tab and Inactive Tab
Active Tab (in framed in red) refers to tab that is selected, while Inactive Tab refers to the tab that is not selected. You can configure the colors of the background and font.
(4) Redirect Button
Redirect Button appears when no bookings or events are displayed, or when members scroll to the end of the Upcoming Events.
You can configure the colors of the background and texts.
(5)
Upcoming Bookings Icon Styling
Each module has a booking type icon. You can customize the icon itself, along with its color and background color. For modules your club does not use, the icon will not be displayed on the app.
(6)
Upcoming Events Status Tag Styling
There are 3 event statuses that can be displayed. You can customize the styling of each status tag.
Quick Links
Add maximum 3 shortcuts to important pages you want your members to see.
Styling
User can configure the styling of every icon. The color palette for color configurations will match with your club’s brand colors.
Embed A Link
(1) Link to other pages in app
You can link to tiles that are live on Slide Out Menu or Bottom Navigation. Please note that linking to Navigation Pages is currently not supported.
(2) URL
Alternatively, you can link to a URL, such as your club’s website or an external site. Members will be able to view the linked webpage within the app