Manage Display Modes

{"InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"none","IsDeniedAccess":false,"AppName":null,"IsAppDisabled":false}

{"IsVertical":false,"DisplayHomeLink":true,"HomeLinkText":"","HomeLinkURL":"","VerticalBarBehavior":"Default","NavCompulsoryLinkPosition":false,"SaveExpandedNavItems":false,"SetHorizontalNavTabsActive":false,"Title":"Global Horizontal Nav","InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":"Nav Editor","IsAppDisabled":false}

{"ShowBreadcrumb":true,"IsDateTitleVisible":false,"IsBreadcrumbDateVisible":false,"ShowBookmarkIcon":false,"BookmarkIconURL":"","ShowComments":false,"IncludeCommentHyperLink":true,"ShowStructureLink":false,"StructureLinkUrl":"/systemadmin/SiteContent.aspx","ShowUserProfileDetails":false,"ShowMyContentDetails":true,"ShowSearch":false,"UserProfileBreadcrumbBarOption":null,"ShowPublish":false,"ShowLibrary":false,"ManageCMSLink":"/systemadmin/SiteContent.aspx?index","ManageFilesLink":"/systemadmin/SiteContent.aspx?index","LinkSecurityEnabled":false,"ReadAccessToPublish":true,"DenyAccessToPublish":false,"ReadAccessToLibrary":true,"DenyAccessToLibrary":false,"ExternalLinkForPublish":false,"ExternalLinkForLibrary":false,"MyContentBreadcrumbBarOption":{"IsMyFormsVisible":false,"IsMyEventsVisible":false,"IsMyPagesVisible":true,"IsMustReadVisible":false,"IsMyFilesVisible":true,"IsMyContentVisible":false,"IsAssignNotificationsVisible":false,"IsManageMyNotificationsLinkVisible":false,"IsAnonymous":true,"InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":null,"IsAppDisabled":false},"InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":null,"IsAppDisabled":false}

{"BreadcrumbEntities":[{"breadcrumbEntityLink":"Home","breadcrumbEntityLinkURL":"/","breadcrumbEntityType":"","breadcrumbEntityLinkPartial":"","isCustomCrumb":true},{"breadcrumbEntityLink":"System Admin","breadcrumbEntityLinkURL":"/systemadmin/","breadcrumbEntityType":"IntranetDASHBOARD.Core.Subsite, Core","breadcrumbEntityLinkPartial":"","isCustomCrumb":false},{"breadcrumbEntityLink":"iD CMS","breadcrumbEntityLinkURL":"/systemadmin/sitecontent.aspx","breadcrumbEntityType":"IntranetDASHBOARD.idWiki.WikiCategory, WIKI","breadcrumbEntityLinkPartial":"","isCustomCrumb":false},{"breadcrumbEntityLink":"Utilities","breadcrumbEntityLinkURL":"/systemadmin/Utilities/","breadcrumbEntityType":"IntranetDASHBOARD.idWiki.WikiCategory, WIKI","breadcrumbEntityLinkPartial":"","isCustomCrumb":false},{"breadcrumbEntityLink":"Display Modes","breadcrumbEntityLinkURL":"/systemadmin/Utilities/displaymodes/","breadcrumbEntityType":"IntranetDASHBOARD.idWiki.WikiCategory, WIKI","breadcrumbEntityLinkPartial":"","isCustomCrumb":false}],"DateToBeDisplayedAs":"Friday, 19 April","BreadcrumbDate":"","DateTitleURL":"","ApplicationName":[],"UserManagerDetails":"","CommentsText":"Comments","NumberOfComments":0,"UserProfileBreadcrumbBarOutput":null,"MyContentBreadcrumbBarOutput":{"MyForms":"","MyFormsURL":"","MyEvents":"","MyEventsURL":"","MustRead":"","MustReadURL":"","ManageMyNotificationsLink":"","ManageMyNotificationsLinkURL":"/systemadmin/Notifications/default.aspx#jqTabs-3","MyContentURL":"","MyPagesURL":"/systemadmin/mypages.aspx","MyFilesURL":"/systemadmin/myfiles.aspx","UsersFullName":"Anonymous "}}

{"IsVertical":true,"DisplayHomeLink":true,"HomeLinkText":"System Admin","HomeLinkURL":"/systemadmin","VerticalBarBehavior":"Default","NavCompulsoryLinkPosition":false,"SaveExpandedNavItems":false,"SetHorizontalNavTabsActive":false,"Title":"System Admin V Nav","InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":"Nav Editor","IsAppDisabled":false}

{"IsVertical":true,"DisplayHomeLink":true,"HomeLinkText":"iD Applications","HomeLinkURL":"/applications","VerticalBarBehavior":"Default","NavCompulsoryLinkPosition":false,"SaveExpandedNavItems":false,"SetHorizontalNavTabsActive":false,"Title":"Applications V Nav","InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":"Nav Editor","IsAppDisabled":false}

Display Modes

Display Modes tailor how intranet content displays on different screen sizes; phone, tablet, desktop, etc. Create a display mode to present the same content in a different way appropriate to that screen size.

This process is conducted through The Admin console of iD. You will need to ensure that you are logged into the admin before conducting this process.

Topics

What is a Display Mode

Display Mode Listing

Add Display Mode

Edit Display Mode

What is a Display Mode

Display Modes tailor how intranet content displays on different screen sizes. By default the following Display Modes will be set within your iD installation, these will be automatically applied when a user view the intranet on a particular device. Display Modes can be further tailored to suit your requirements:

Desktop
Tablet
Phone

Layouts and pages can then be customized to suit a specific display mode, meaning you can optimize content for the device it will display on.

To find out which display modes are currently available in the system, the Edit Display Modes page gives you an overview, see below for steps on how to access and an explanation of the application's features.

Back to Top

Display Mode Listing

Select Utilities from the System Admin menu, select Display Mode and then Edit Display Mode
The Edit Display Mode list will appear

Title: The title is a descriptive name of the respective Display Mode

Minimum Width and Maximum Width: The Minimum Width and Maximum Width is used to determine which display mode is applied to a user viewing the site. i.e. a display mode is used when the screen width is less than the maximum width and greater than the minimum width. This will automatically be detected by a user.

Active: The Active column indicates whether the Display mode is set to available or not.
An active display mode is represented with a green tick
An Inactive Display mode will be visible in the list of workflows and is represented with a red cross

Edit: The Edit link allows you to make changes to the display mode.

Back to Top

Add Display Mode

Select Utilities from the System Admin menu, select Display mode and then Add Display Mode
A wizard will be initiated:

Step 1 - Details In this step, specify the Title, Description, Max Width and select the Active checkbox (to set the Display Mode to be available for use). Note: The Min Width is automatically calculated.

The Title and Description mode should accurately reflect the purpose of the display mode.

Step 2 - Finish

Once the Finish button has been selected you will be directed to the list of Display Modes.

Back to Top

Edit Display Mode

Select Utilities from the System Admin menu, select Display mode and then Edit Display Mode
Select the Edit link of the respective Display Mode you wish to update
You will be presented with the Details tab where you can update the Title, Description, Maximum Width, Minimum Width and select the Active checkbox to set the Display Mode to available. The Min Width is automatically calculated.

The Title and Description of the display mode should accurately reflect the purpose of the display mode.
Click Apply to save while remaining on the current page; click OK to save and return to the list of display modes.

Common Device ValuesClick here for information on common values for Tablet and Phone devices.

Back to Top

Back to System Admin

Back to: Apps

iD Help refers to iD 8

Viewing: {SubsiteLink}

{UsersFullName}

{Profile Name}

Show older comments

Show newer comments

{Profile Name}

{Profile Name}

Show older comments

Show newer comments

{Title}
in {Category}

{Title}
in {SubCategory}

{Title}
in {Calendar name}

{Title}
in {Room}

{Title}
in {Folder name}

{Title}

{Title}
in {Application Name}

{Title}
in {Subsite iD CMS}

{Title}
in {Subsite iD CMS}

{Title}
in {iD CMS Folder}

Share this component
Share Name	*
Add this component to current template Note: You must save the page to Live for this to take effect

Viewing: {SubsiteLink}

{UsersFullName}

{Profile Name}

Show older comments

Show newer comments

{Profile Name}

{Profile Name}

Show older comments

Show newer comments

{Title} in {Category}

{Title} in {SubCategory}

{Title} in {Calendar name}

{Title} in {Room}

{Title} in {Folder name}

{Title}

{Title} in {Application Name}

{Title} in {Subsite iD CMS}

{Title} in {Subsite iD CMS}

{Title} in {iD CMS Folder}

{Title}
in {Category}

{Title}
in {SubCategory}

{Title}
in {Calendar name}

{Title}
in {Room}

{Title}
in {Folder name}

{Title}
in {Application Name}

{Title}
in {Subsite iD CMS}

{Title}
in {Subsite iD CMS}

{Title}
in {iD CMS Folder}