Hiding Content From Devices

You can choose to hide certain content items from smaller devices, especially when dealing with large or multi-faceted items like maps or HTML pages. When an item is hidden from a device, the other items around it re-flow into the empty space and retain the responsive layout.

Procedure: How to Hide a Content Item From Devices

1. In WebFOCUS Designer, select a large item that you want to hide from small-screen devices.
2. On the Properties panel, on the Settings tab, under the Show On property, click a device icon to hide the selected item from this type of device.

   Note: All three device buttons are selected, by default, making the item visible on all devices. Manually clear the buttons to hide the item from specific device types.

   An example of hiding a large item from mobile phones and tablets is shown in the following image.

   

3. Save the page.
4. Run the page on a device, from which the item was hidden.

   The item does not display. All remaining content items rearrange to cover the empty space, as shown in the following image.