Customize a Full Screen
- 22 Mar 2023
- 3 Minutes To Read
- Print
- DarkLight
- PDF
Customize a Full Screen
- Updated On 22 Mar 2023
- 3 Minutes To Read
- Print
- DarkLight
- PDF
Article Summary
Once you have created the Full Screen project and chosen a template, you can start to design and configure the Full Screen.
Click the Full Screen to configure the following,
Header
Under the Header section, you can edit the Header text, font, font size, font weight, text alignment, text color, and bottom margin. You can also add user property to personalize the experience for your end user.
You can align the Header to the top or bottom, add any content block, or delete the Header section using the action bar
Body
Navigate to the Body section. You can edit the text, change the font, font size, font weight, text alignment, text color, and bottom margin. You can also add user property to personalize the experience for your end user.
You can align the Body text to the top or bottom, add any content block, or delete the Body section using the action bar
You can align the Divider to the top or bottom, add any content block, or delete the Divider using the action bar
Media
- Under the Media section, you can click the Edit icon to add images to your Full Screen from your local drive and then configure the image size, alignment, and bottom margin.
your title goes here
Whatfix Mobile supports .jpg, .png, .gif, and .svg file formats lesser than 100kB.
- Enable the CLICK ACTION toggle to link any action to your image. Clicking the image triggers the action that you configure.
| Button Action | Description |
|---|---|
| Dismiss | When the user clicks the media, the Full Screen is dismissed from the app screen |
| External Link | When the user clicks the media, they are routed to the URL that is attached to the media |
| Deep Link | When the user clicks the media, they are routed to the app screen within the same app that is attached to the media |
your title goes here
You can provide a name for the action you add to your media using which you can track the analytics on how many users are clicking the media.
- You can align the Media to the top or bottom, add any content block, or delete the Media section using the action bar.
Button
You can customize the button that appears on your Full Screen. You can choose to have one or two buttons, adjust the button width, alignment, height, radius, and the bottom margin
Click the BUTTON dropdown to customize the individual buttons. You can change the button color, stroke of the button outline, text, font family, font size, font weight, and button action. You can also add user property to personalize the experience for your end user.
The following are the Button Actions you can configure,
| Button Action | Description |
|---|---|
| Dismiss | When the user clicks the button, the Full Screen is dismissed from the app screen |
| External Link | When the user clicks the button, they are routed to the URL that is attached to the button |
| Deep Link | When the user clicks the button, they are routed to the app screen within the same app that is attached to the button |
You can align the Buttons to the top or bottom, add any content block, or delete the Buttons using the action bar
Layout
Click the Layout option on the left, or the Edit icon to customize the position of the Full Screen to the left or right of your app screen and enable Overlay and the Close icon to dismiss the Full Screen.
- You can change the Fill Color of the Overlay and enable your end user to dismiss the Full Screen by clicking the Overlay.
- You can change the color of the Full Screen template and also customize the position of the Close icon, the background color, and the color of the icon.
Click Done.
The Full Screen you create is automatically saved. You can preview projects on a device before making it live for your end users. After creating and designing the Full Screen, click Publish to make the Full Screen live for your end users. For more information on publishing Whatfix Mobile content, see Publish Whatfix Mobile content.your title goes here
Was this article helpful?