The number one tool you have in your school is device visibility, which means that an element can be visible to a specific set of devices. Visibility allows you to show or hide widgets or even entire sections based on the device the user is accessing your site from. Being able to control visibility to specific devices can enhance the customization and tailor the learning experience to individual needs.
In this article, we will go through the process of configuring this feature while offering practical examples of its usefulness and advantages.
Use cases
To set up device visibility, click on an element and navigate to the Actions in the sideform .
Choose if a whole section or a specific widget will be visible to a specific group of devices:
- Desktop / Laptop
- Tablet Landscape
- Tablet Portrait 
- Phone Landscape
- Phone Portrait 
You also have the option to activate the timeframe setting. This setting allows you to show/hide an element for a designated duration. For example, you could opt to conceal a button exclusively on mobile devices for a period of two days or any other timeframe you prefer.
After the timeframe is completed, the widget's settings won't revert back to the previous/default settings.
- When creating a section or a widget that is intended to be viewed on another device apart from the desktop, it is suggested to first make all the necessary changes, and then apply the device visibility. As soon as you click on Apply device visibility, the element will then be visible only to the respective authoring devices, and only the Layout Tab will be available to further edit the element.
- If you have selected a whole section to be visible only to specific devices, this will apply to the included widgets as well.
- Due to the different infrastructure of the settings, device visibility is not supported in the top-bar menu. If you have already applied device visibility, though, you can contact us at [email protected] to further assist you in reverting the changes.