Dev GuideAPI Reference
Dev GuideAPI ReferenceUser GuideGitHubNuGetDev CommunityDoc feedbackLog In
GitHubNuGetDev CommunityDoc feedback

Based on their mobile access strategy, organizations may wish to use widgets to change the way page content is displayed on various devices. Keep in mind, widgets themselves do not support the targeting of specific device types or other variables. Despite this, it is still possible to provide device-specific content.

For the purposes of this article, the focus is on the **Rich Content** widget.

First, using the device selector menu, choose the device type where content is to be displayed.

Second, add a widget to a page using the standard steps below:

  1. Hover over the **CMS** icon and click **Show CMS**.

  2. Click **Show Content Tree.** 

  3. Using the **chevrons**, expand the menu and select the page that will host the widget.

  4. Click **Edit** to expose the page editing options

  5. Click **Content Add**, which opens the **Add Widget** menu.



    In <<product-name>> 4.3, the **Add Widget** menu appears like so:


    Select **Rich Content** from the **Item Type** menu and choose **Next**.

  6. Add the **Css Class** (optional).

  7. Enter the desired content in the **WYSIWYG** editor

  8. Click **Save**.

Third, select the device type where you do not want content displayed and follow the steps below:

  1. Click widget **Edit**.

  2. Clear the content, and type a space in the text editor.


    Adding the space is necessary, as the WYSIWYG editor requires that there is content in the text area.

  3. Click **Save**.

  4. Click **Publish**.

  5. Approve the publishing, by clicking **Publish**.

  6. Click **Edit** in the upper left corner to hide the page editing options.

  7. Test the results by toggling between the device types.