{"id":615,"date":"2012-10-15T23:44:56","date_gmt":"2012-10-16T05:44:56","guid":{"rendered":"https:\/\/toddbaginski.com\/blog\/?p=615"},"modified":"2013-06-28T15:43:33","modified_gmt":"2013-06-28T21:43:33","slug":"enabling-the-effectivedevicechannel-javascript-variable","status":"publish","type":"post","link":"https:\/\/toddbaginski.com\/blog\/enabling-the-effectivedevicechannel-javascript-variable\/","title":{"rendered":"Enabling The effectiveDeviceChannel JavaScript Variable"},"content":{"rendered":"

Device Channels in SharePoint can set a JavaScript variable that you can use to dynamically render content based on the Device Channels.\u00a0 The variable is called effectiveDeviceChannel.\u00a0 This variable is turned off by default.\u00a0 To enable it simply add a property named\u00a0 PublishingInformationControlIncludeEffectiveDeviceChannel to the property bag of the root site in your site collection and give it a value of true.<\/p>\n

Here\u2019s some PowerShell that does it.<\/p>\n

$web = Get-SPWeb http:\/\/wcm.powder.ski\/sites\/pso<\/a><\/pre>\n
$web.AllProperties[\"PublishingInformationControlIncludeEffectiveDeviceChannel\"] = \"true\"<\/pre>\n
$web.Update()<\/pre>\n
After you add the property, you can access it inside a Display Template and react to the variable and render your content based on Device Channels, like this:<\/p>\n
<!–#_<\/p>\n
}<\/p>\n
if(!line3.isEmpty && effectiveDeviceChannel!=”Mobile”)<\/p>\n
{<\/p>\n
_#–><\/p>\n
<div <\/span><\/span><\/span>class<\/span><\/span><\/span>=”cbs-pictureLine3 ms-textSmall ms-noWrap”<\/span><\/span><\/span>id<\/span><\/span><\/span>=”_#= line3Id =#_”<\/span><\/span><\/span>title<\/span><\/span><\/span>=”_#= line3 =#_”><\/span><\/span><\/span>Model: _#= line3 =#_<\/span><\/span><\/<\/span><\/span><\/span>div<\/span><\/span><\/span>><\/span><\/span><\/span><\/p>\n
<!–#_<\/span><\/span><\/span><\/p>\n
}<\/p>\n
This example only renders the Model number for an item displayed by the Content By Search Web Part that uses this Display Template.\u00a0 The Model number is mapped to the line3 variable.<\/p>\n
Here\u2019s what the output looks like in the Default Device Channel.\u00a0 Notice the Model number is displayed<\/strong> for the product.<\/p>\n
\"image\"<\/a><\/p>\n
Here\u2019s what the output looks like in the Mobile Device Channel.\u00a0 Notice the Model number is not displayed<\/strong> for the product.<\/p>\n
\"image\"<\/a><\/p>\n
Go get your ski goggles!\u00a0 ABasin opens in 2 days!<\/p>\n","protected":false},"excerpt":{"rendered":"
Device Channels in SharePoint can set a JavaScript variable that you can use to dynamically render content based on the Device Channels.\u00a0 The variable is called [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":618,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[96,99],"tags":[10,54,57,7,68],"class_list":["post-615","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-sharepoint-2013","tag-custom-development","tag-mobile","tag-mobility","tag-sharepoint","tag-sharepoint-2013"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t