Custom Master Page - CSS & Dynamic Display

I have created a css file and attached it using Site Settings> Master Page> Alternate CSS URL. This works really well and I get the customisations for the global navigation drop-downs as below including colours size etc.
For my drop-downs, I'm wanting three levels of fly-out. So, I created a custom master page from seattle.html and even before I made the change to
MaximumDynamicDisplayLevels="3" - I set this new page as the default. When I look at the site now, the CSS customisations are not showing (see below).
The new master page is not applying my css file. Any ideas why?
MaximumDynamicDisplayLevels="2"
MaximumDynamicDisplayLevels="2"

Thanks for the suggestion but this didn't seem to help. I've pasted below the whole contents in my .css file. Anything you can see that is out of place?
/* --- Global navigation --- */
#DeltaPlaceHolderMain{
margin-top:30px;
.ms-breadcrumb-top{
background-color:#fff;
/*font on navigation items*/
.ms-core-navigation > div > ul.root > li.static a:link, ul.root > li.static a:visited{
font-family:Arial; font-size:16px !important;
/* links */
.ms-core-navigation > div > ul.root{
padding-top:0px;
padding-left:0px;
.ms-core-navigation > div > ul.root > li a{
#border:1px #fff solid;
padding:10px 10px 10px 0px;
font-size:20px;
.ms-core-navigation .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
margin-right:8px;
/* links selected */
.ms-core-navigation > div > ul.root > li.static > ul.static > li.selected a:link, ul.root > li.static > ul.static > li.selected a:visited{
color:#005DAB; font-weight:bold;
background-color:#fff;
/* home link selected */
.ms-core-navigation div.ms-core-listMenu-horizontalBox > ul.static > li.selected a.selected{
border:1px transparent solid;
background-color:#fff
/* home */
.ms-core-navigation > div > ul.root > li.static > ul.static{
margin-left:0px; color:#005DAB;
/* Hover */
.ms-breadcrumb-top .ms-core-navigation ul.static > li a:hover{
border:1px transparent solid;color: #005DAB !important ;
background-color:#E6EFF7 !important;
ul.dynamic{
background: #fff;
min-width: 250px
padding: 2px 2px 2px 2px;
white-space: nowrap;
word-wrap: normal;
#zz15_RootAspMenu>li>a>span>span{
color:#005DAB; font-size:14px;
#zz15_RootAspMenu>li>span>span>span{
color:#005DAB;

Similar Messages

Add Right Side Column and Web Parts to custom Master page in SharePoint Online

Hello everyone,
I hope this is a simple question, however I was fighting the issue it presents for a while. I am in the process of customizing SharePoint Online Look-and-feel with a new layout.
The site collection was created as a
Team Site before I got involved with the project, and populated with numerous sub-sites and pages. I activated required
publishing features, created html with corresponding styles and graphics, and used the Design Manager to convert the html file to the custom Master page. While SharePoint automatically assigned “ContentPlaceHolderMain” div area, I
also used default Oslo page as example to copy sections of the code for dynamic components (left column and navigation, recent items, the ribbon, etc.) from it and placed them in my new master page, pointed all CSS references to
my custom style sheets, etc. Everything works great, however I need to make one last addition -
my task is to make changes to display web parts such as Calendar and Recent Documents in the right column in the Master page.
My custom layout has a header, footer, main pan and two side columns. Most of the default master templates come with the LEFT column already embedded and populated with several placeholder
to serve dynamic content (PlaceHolderLeftNavBarTop, PlaceHolderQuickLaunchTop, PlaceHolderLeftNavBarDataSource, PlaceHolderLeftActions, so on).
My challenge is that I have the RIGHT side column as well, for which I don’t think the default placeholder exists. I need to add a small Calendar box and Recent Documents parts to it, so they
display across the entire site governed by this master page.
The issue is –
even after activating Publishing features (enabled SharePoint Server Publishing Infrastructure under Site Collection Level, and SharePoint Server Publishing under the Site
Level), there is no Snippet feature (usually available under the generic Publishing Site); this customization of the Team Site allows using Designer and apply custom templates, themes, so on, just like you would under the Publishing collection, but not the
Snippet utility I could use as the solution to embed the web parts on the master page.
Recreating the entire site under Publishing Collection is not an option due to the directions I was given, I am to use this existing one, and need to see if
there is a workaround to either activate the Snippet feature or use another solution to display the web parts inside of the column in the Master page.
If the only solution is to use Web Part Zone, what are the steps to add it AND populate it with the abovementioned apps?
Can anyone suggest how to create a workaround and add this feature? The environment is role-based so both elements need to be dynamically rendered based on the user’s role and activities.
I am more of a front end designer than developer, so if any custom coding and set up required, please kindly provide some basic steps, if possible?..
I greatly appreciate any help and suggestions!
Thank You!
Jeff
Jeff V.

Updating your Master Page to also include a right rail should be sraight forward enough with a new div or divs in your master page and then the proper styles to make room for this column as well as position the column.
I have not seen why you cannot find the snippet gallery link when previewing a HTML Master Page in the browser. Have you tried loading the snippet gallery by its url? As an example, for my tenant on SPO, I can load the Snippet Gallery for the olso.master
with the following url:
https://pixelmill.sharepoint.com/_layouts/15/ComponentConfigureControls.aspx?ComponentName=TopNavigationNoFlyoutWithStartNode&Url=%2F_catalogs%2Fmasterpage%2Foslo.master
Change the domain to match yours as well as update the "Url" querystring var to point to your master page. See if that loads the snippet gallery.
Eric Overfield - PixelMill -
ericoverfield.com -
@EricOverfield

Having issues with custom master pages and device channels

I'm working in Sharepoint 2013 and am attempting to create a custom master page that is to be used by mobile devices. I have created an html file and a custom css file that includes snippets from the design manager. The file appears to preview fine in a
browser from Microsoft Web Expression. I have loaded the html file into sharepoint via design manager, so the master file is there as well. The css files are in the style library for the site collection and I have created a device channel including user agent
strings for iphones going back to the iPhone 4 and operating systems going back to iOS 6. I have obviously assigned my custom "mobile" master for that device channel and I have turned off mobile browsing. However when I open the site on my phone
it shows the normal full desktop view and not my custom master. I will include my html code, my css and a screenshot of my device channel below. Please help!
<?xml version="1.0" encoding="utf-8"?>


<!DOCTYPE html[]>
<html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<head>
<link href="https://otterbein.sharepoint.com/sites/Committees/Style Library/mobile_corev15.css" rel="stylesheet" type="text/css" />
<meta http-equiv="X-UA-Compatible" content="IE=10" />




<meta name="GENERATOR" content="Microsoft SharePoint" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Expires" content="0" />









<link href="https://otterbein.sharepoint.com/sites/Committees/Style Library/mobile_corev15.css" rel="stylesheet" type="text/css" />










<link href="https://otterbein.sharepoint.com/_vti_bin/spsdisco.aspx" rel="alternate" type="text/xml" />















<link href="https://otterbein.sharepoint.com/sites/Committees/Style Library/mobile_corev15.css" rel="stylesheet" type="text/css" />
</head>
<body style="width: 330; margin-right: 0px">
<div id="ms-designer-ribbon" style="width:312px">

<div id="TurnOnAccessibility" style="display:none" class="s4-notdlg noindex">
<a id="linkTurnOnAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(true);UpdateAccessibilityUI();document.getElementById('linkTurnOffAcc').focus();return false;">


</a>
</div>
<div id="TurnOffAccessibility" style="display:none" class="s4-notdlg noindex">
<a id="linkTurnOffAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(false);UpdateAccessibilityUI();document.getElementById('linkTurnOnAcc').focus();return false;">


</a>
</div>


</div>



<div id="s4-workspace" style="left: 0px; top: 0px; width: 329">
<div id="s4-bodyContainer" style="width: 328">
<table style="width: 312px">
<tr>
<td style="width: 312px; background: #666666; text-align:center">
<div class="js-callout-menuAction" style="background:rgb(102, 102, 102); color:white; width:295px; padding:8px; height:64px; overflow:hidden;">In true previews of your site, the SharePoint ribbon will be here.</div></td>
</tr>
<tr>
<td style="width: 312px; background: #CB1920; text-align:center">
<img alt="Otterbein Logo" src="https://otterbein.sharepoint.com/sites/Committees/Style%20Library/otterbein-logo_towers_white_mobile.png" style="padding:5px"><br>
<div data-name="SiteTitle" style="width: 295px; color:white; padding-bottom:5px; text-indent:5px" class="ms-chkmark-container-centerer">
<span style="font-size:xx-large">Committees</span>
</div>
<div WebPartID="00000000-0000-0000-0000-000000000000" HasPers="true" id="WebPart" width="250px" class="ms-WPBody noindex " OnlyForMePart="true" allowDelete="false" style="padding-top:15px; padding-bottom:15px"><div componentid="ctl00_ctl03_csr" id="ctl00_ctl03_csr"><div id="SearchBox" name="Control"><div class="ms-srch-sb ms-srch-sb-border" id="ctl00_ctl03_csr_sboxdiv">
<input type="text" value="Search..." maxlength="2048" accessKey="S" title="Search..." id="ctl00_ctl03_csr_sbox" autocomplete="off" autocorrect="off" onkeypress="EnsureScriptFunc('Search.ClientControls.js', 'Srch.U', function() {if (Srch.U.isEnterKey(String.fromCharCode(event.keyCode))) {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);return Srch.U.cancelEvent(event);}})" onkeydown="EnsureScriptFunc('Search.ClientControls.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.activateDefaultQuerySuggestionBehavior();})" onfocus="EnsureScriptFunc('Search.ClientControls.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr');ctl.hidePrompt();ctl.setBorder(true);})" onblur="EnsureScriptFunc('Search.ClientControls.js', 'Srch.U', function() {var ctl = $find('ctl00_ctl03_csr'); if (ctl){ ctl.showPrompt(); ctl.setBorder(false);}})" class="ms-textSmall ms-srch-sb-prompt ms-helperText" style="width: 250px; height: 18px" /><a title="Search" class="ms-srch-sb-searchLink" id="ctl00_ctl03_csr_SearchLink" onclick="EnsureScriptFunc('Search.ClientControls.js', 'Srch.U', function() {$find('ctl00_ctl03_csr').search($get('ctl00_ctl03_csr_sbox').value);})" href="javascript: {}"><img src="/sites/Committees/_catalogs/theme/Themed/EF0ED6F1/searchresultui-61174269.themedpng?ctag=55" class="ms-srch-sb-searchImg" id="searchImg" alt="Search" /></a></div></div></div><noscript><div id="ctl00_ctl03_noscript">It looks like your browser does not have JavaScript enabled. Please turn on JavaScript and try again.</div></noscript><div id="ctl00_ctl03" style="color:White;border-color:White;border-width:0px;border-style:Solid;text-align:center;"></div><div class="ms-clear"></div></div>
<div data-name="TopNavigationNoFlyoutWithStartNode"><span style="display:none">
<table cellpadding="4" cellspacing="0" style="font:messagebox;color:buttontext;background-color:buttonface;border: solid 1px;border-top-color:buttonhighlight;border-left-color:buttonhighlight;border-bottom-color:buttonshadow;border-right-color:buttonshadow">
<tr>
<td nowrap="nowrap">
<span style="font-weight:bold">PortalSiteMapDataSource</span> - topSiteMap</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</span><a name="startNavigation"></a>
<div id="zz7_TopNavigationMenu" class=" noindex ms-core-listMenu-verticalBox">
<ul id="zz9_RootAspMenu" class="root ms-core-listMenu-root static">
<li class="static">
<a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="/sites/Committees/SitePages/Home.aspx" accesskey="1">
<span class="additional-background ms-navedit-flyoutArrow">
<span class="menu-item-text">Committees</span></span></a></li>
<li class="static ms-verticalAlignTop ms-listMenu-editLink ms-navedit-editArea">
<span class="ms-navedit-editSpan" id="zz7_TopNavigationMenu_NavMenu_Edit">
<a id="zz7_TopNavigationMenu_NavMenu_EditLinks" class="ms-navedit-editLinksText" href="#" onclick="g_QuickLaunchMenu = null; EnsureScriptParams('quicklaunch.js', 'QuickLaunchInitEditMode', 'zz7_TopNavigationMenu', 1, 0, 1, '\u002fSITES\u002fCOMMITTEES'); cancelDefault(event); return false;" title="Edit Links">
<span class="ms-displayInlineBlock">
<span class="ms-navedit-editLinksIconWrapper ms-verticalAlignMiddle">
<img class="ms-navedit-editLinksIcon" src="/sites/Committees/_catalogs/theme/Themed/EF0ED6F1/spcommon-B35BB0A9.themedpng?ctag=55" alt="Edit Links" /></span><span class="ms-metadata ms-verticalAlignMiddle">Edit Links</span></span></a><span id="zz7_TopNavigationMenu_NavMenu_Loading" class="ms-navedit-menuLoading ms-hide"><a id="zz7_TopNavigationMenu_NavMenu_GearsLink" href="#" onclick="HideGears(); return false;" title="This animation indicates the operation is in progress. Click to remove this animated image."><img id="zz7_TopNavigationMenu_NavMenu_GearsImage" src="/_layouts/15/images/loadingcirclests16.gif?rev=38" alt="This animation indicates the operation is in progress. Click to remove this animated image." /></a></span><div id="zz7_TopNavigationMenu_NavMenu_ErrorMsg" class="ms-navedit-errorMsg">
</div>
</span></li>
</ul>
</div>

</div>
<br>
</td>
</tr>
<tr>
<td style="width: 312px">
<div class="DefaultContentBlock" style="border:medium black solid; background:yellow; color:black;">
This area will be filled in by content you create in your page layouts.
</div>
</td>
</tr>
<tr>
<td style="width: 312px; background:#CCCCCC"><div class="ms-webpart-chrome ms-webpart-chrome-fullWidth "><div WebPartID="00000000-0000-0000-0000-000000000000" HasPers="true" id="WebPart" width="312px" class="ms-WPBody noindex " OnlyForMePart="true" allowDelete="false" style=""><div class="ms-rtestate-field"></div></div></div></td>
</tr>
</table>
</div>
</div>
</body>
</html>
User agent strings for mobile Channel
Apple-iPhone3C1/1001.403
Apple-iPhone3C3/1001.403
Apple-iPhone4C1/1001.403
Apple-iPhone5C1/1001.405
Apple-iPhone5C2/1001.405
Apple-iPhone2C1/1001.523

Hi,
The issue is likely not your HTML Master Page but your user agent string. Try a user agent string of just "iphone". To test your master page, you could also set the user agent to "MSIE", which should cause this master page to load for
any version of IE. This will help you debug the master page as well in your normal browser.
Eric Overfield - PixelMill -
ericoverfield.com -
@EricOverfield

Search Box is not showing in custom master page

Hi
I am using "Office 365 Enterprise E3 Trial"
and have created a custom master page for my public SharePoint
site .
I have added Search snippet from the snippet gallery but the search
box is not showing in the master page .I am not able to find the reasons .

My Master page code is like bellow
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=10" xmlns="" />




<meta name="GENERATOR" content="Microsoft SharePoint" xmlns="" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" xmlns="" />
<meta http-equiv="Expires" content="0" xmlns="" />













































<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="style1.css" rel="stylesheet" type="text/css" />
<link href="slider.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="https://purplechannelltd-public.sharepoint.com/_catalogs/masterpage/DNV/js/jquery-1.10.2.min.js">//<![CDATA[
//]]>
</script>
<script type="text/javascript" src="js/custom.js">//<![CDATA[
//]]>
</script>
<script type="text/javascript" src="js/bjqs-1.3.min.js">//<![CDATA[
//]]>
</script>
<script type="text/javascript" src="/Documents/clients_hover.js">//<![CDATA[
//]]>
</script>
<script type="text/javascript" src="/Documents/jquery.backgroundSize.js">//<![CDATA[
//]]>
</script>
<script type="text/javascript" class="secret-source">//<![CDATA[
jQuery(document).ready(function($) {
$('#banner-fade').bjqs({
width : 1600,
height : 377,
responsive : true
//]]>
</script>
<script type="text/javascript">//<![CDATA[
$(document).ready(function () {
if((window.location.href=="https://purplechannelltd-public.sharepoint.com/")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/default.aspx")||(window.location.href=="https://purplechannelltd-public.sharepoint.com/Pages/default.aspx")
$("#banner-fade").removeAttr("style");
$("#BannerLine").removeAttr("style");
$("#trBreadCrumb").css("display","none");
$("#trNewsAndTraningHome").removeAttr("style");
$("#trNewsOnly").css("display","none");
else
$("#banner-fade").css("display","none");
$("#BannerLine").css("display","none");
$("#trBreadCrumb").removeAttr("style");
$("#trNewsAndTraningHome").css("display","none");
$("#trNewsOnly").removeAttr("style");
if((window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/Services.aspx")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/Key-issues.aspx")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/Industries.aspx")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/Clients.aspx")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/About-us.aspx")
||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/walking-the-talk.aspx")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/what-is-sustainability.aspx")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/our-team.aspx")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/assurance-code-of-conduct.aspx")
||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/Contact-us-EMEA.aspx")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/Contact-us-asia-pacific.aspx")||(window.location.href=="http://purplechannelltd-public.sharepoint.com/Pages/Contact-us-Americas.aspx")){
$("#banner-fade").css("display","none");
$("#BannerLine").css("display","none");
$("#trBreadCrumb").css("display","none");
$("#trNewsAndTraningHome").removeAttr("style");
$("#trNewsOnly").css("display","none");
if (window.location.href.indexOf("dnv-gl-launches-new-global-brand") >= 0 ||window.location.href.indexOf("how-future-proof-your-business") >= 0||window.location.href.indexOf("human-rights-time-walk-talk") >= 0 )
$("#trNewsOnly").css("display","none");
if($("#trNewsOnly").html().indexOf("Web Part Error:")>0)
$("#trNewsOnly").css("display","none");
if($("#trBreadCrumb").html().indexOf("Web Part Error:")>0)
$("#trBreadCrumb").css("display","none");
//]]>
</script>

</head>
<body>




<div id="TurnOnAccessibility" style="display:none" class="s4-notdlg noindex" xmlns="">
<a id="linkTurnOnAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(true);UpdateAccessibilityUI();document.getElementById('linkTurnOffAcc').focus();return false;">


</a>
</div>
<div id="TurnOffAccessibility" style="display:none" class="s4-notdlg noindex" xmlns="">
<a id="linkTurnOffAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(false);UpdateAccessibilityUI();document.getElementById('linkTurnOnAcc').focus();return false;">


</a>
</div>

<div id="ms-designer-ribbon" xmlns="">

<div class="DefaultContentBlock" style="background:rgb(0, 114, 198); color:white; width:100%; padding:8px; height:64px; overflow:hidden;">The SharePoint
ribbon will be here when your file is either previewed on or applied to your site.</div>
</div>
<div id="s4-workspace" xmlns="">
<div id="s4-bodyContainer">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" xmlns="http://www.w3.org/1999/xhtml">
<tr>
<td align="left" valign="top" class="headerLeft">
</td>
<td width="886" align="left" valign="top">
<div class="header">
<a href="https://purplechannelltd-public.sharepoint.com/">
<img src="images/logo.gif" width="189" height="109" alt="Logo" />
</a>
<h1>Sustainability Advisory Services
</h1>
<ul id="topNav">
<li>
<a href="http://purplechannelltd-public.sharepoint.com/Pages/About-us.aspx">About us
</a>
</li>
<li>
<a href="https://purplechannelltd-public.sharepoint.com/Pages/News.aspx">News
</a>
</li>
<li>
<a href="http://purplechannelltd-public.sharepoint.com/Pages/Contact-us.aspx">Contact us
</a>
</li>
</ul>

<div style="right: 0px; ; color: rgb(0, 51, 153); font-weight: bold; top: 25px;">
BUSINESS ASSURANCE
</div>

<div class="twitterSec">RT @damidefelice: @edgeoftheocean Anna Turrel shows how @TwoTomorrows assesses corporate human right
</div>





<div id="search">
<div data-name="SearchBox">



<div class="ms-webpart-chrome ms-webpart-chrome-fullWidth
"><div WebPartID="00000000-0000-0000-0000-000000000000" HasPers="true" id="WebPart" width="100%" class="ms-WPBody noindex " OnlyForMePart="true" allowDelete="false" style=""><div componentid="ctl00_SmallSearchInputBox_csr" id="ctl00_SmallSearchInputBox_csr"><div
id="SearchBox" name="Control"><div class="ms-srch-sb ms-srch-sb-border" id="ctl00_SmallSearchInputBox_csr_sboxdiv"><input type="text" value="Search..." maxlength="2048" accessKey="S" title="Search..." id="ctl00_SmallSearchInputBox_csr_sbox" autocomplete="off"
autocorrect="off" onkeypress="EnsureScriptFunc('Search.ClientControls.js', 'Srch.U', function() {if (Srch.U.isEnterKey(String.fromCharCode(event.keyCode))) {$find('ctl00_SmallSearchInputBox_csr').search($get('ctl00_SmallSearchInputBox_csr_sbox').value);return
Srch.U.cancelEvent(event);}})" onkeydown="EnsureScriptFunc('Search.ClientControls.js', 'Srch.U', function() {var ctl = $find('ctl00_SmallSearchInputBox_csr');ctl.activateDefaultQuerySuggestionBehavior();})" onfocus="EnsureScriptFunc('Search.ClientControls.js',
'Srch.U', function() {var ctl = $find('ctl00_SmallSearchInputBox_csr');ctl.hidePrompt();ctl.setBorder(true);})" onblur="EnsureScriptFunc('Search.ClientControls.js', 'Srch.U', function() {var ctl = $find('ctl00_SmallSearchInputBox_csr'); if (ctl){ ctl.showPrompt();
ctl.setBorder(false);}})" class="ms-textSmall ms-srch-sb-prompt ms-helperText" ><a title="Search" class="ms-srch-sb-searchLink" id="ctl00_SmallSearchInputBox_csr_SearchLink" onclick="EnsureScriptFunc('Search.ClientControls.js', 'Srch.U', function() {$find('ctl00_SmallSearchInputBox_csr').search($get('ctl00_SmallSearchInputBox_csr_sbox').value);})"
href="javascript: {}"><img src="https://purplechannelltd-public.sharepoint.com/_catalogs/theme/Themed/E97CFE0A/searchresultui-61174269.themedpng?ctag=7" class="ms-srch-sb-searchImg" id="searchImg" alt="Search" ></a></div></div></div><noscript><div
id="ctl00_SmallSearchInputBox_noscript">It looks like your browser does not have JavaScript enabled. Please turn on JavaScript and try again.</div></noscript><div id="ctl00_SmallSearchInputBox"></div><div class="ms-clear"></div></div></div>


</div>
</div>

</div>
</td>

Custom master page branding is missing buttons to add Web Parts

I've created a custom master page which does not display the "add" or "cancel" buttons when adding web parts to the page. These elements are controlled by CSS tags such as: .ms-wpadder, .ms-wpadder-cell, .ms-wpadder-buttonArea, .ms-wpadder-zoneArea, #s4-ribbonrow
among others. I have attached a screenshot on my SkyDrive account
SharePoint Master Page Screenshot
which displays the web part objects but not the buttons to add them to your page. The cells of the #s4-ribbonrow are red .ms-wpadder-cell have been colored orange for display purposes. Here is some code I am experimenting with to solve the problem
#s4-ribbonrow{background-color:red !important; padding-bottom:50px !important;min-height: 43px; max-height:200px; overflow-y: hidden;}
.ms-wpadder-buttonArea .ms-wpadder-zoneArea{padding-bottom:50px; background-color:aqua;}
.ms-wpadder-cell{min-height:220px !important; background-color:orange;}
.ms-wpadder{padding-bottom:50px !important;}
#RibbonContainer{background-color:transparent;}
body #s4-ribboncont{background-image:none; padding-top:150px;}
Alex Dove - MA, MCP, SharePoint certified developer

Hi Pivotal,
I think you use other style, because I apply your style on v4.master but this hide all ribbon
panels, anyway I think your issue related with
body #s4-ribboncont
padding-top: 150px;
Try to decrease or remove padding-top.
Hope that helps a little
Regards,
Senior Sharepoint Developer [email protected]

How hide hr from left navigation (snippet) on custom master page

Hi,
I have create a custom master page and add it the left navigation snippet, after making some css customization, I'm unable to hide the <hr> tag.
This is one of my tries on the .css file
#DeltaPlaceHolderLeftNavBar > hr {
clear: both !important;
border: 0px solid transparent !important;
height: 0px !important;
visibility:hidden !important;
Regards.

I can't really see the right id in the screenshot, but something like this should work:
#DeltaPlaceHolderLeftNavBar > hr {
display:none;
or
#sideNaveBox hr {
display:none;
maybe even display:none!important;
Even better trying to remove the hr from the snippet.
Good luck!

SharePoint O365 Tenant - Custom Master Page Question

Hi guys,
I setup a custom master page for a client and currently they have been very happy with it, although due to recent changes in the suit bar(the app launcher button) we had to move some design around on the page so that everything rendered properly. As
a result I had to use a method that is not the common practice and place all the code for the custom navigation bar, and logo right below the <body> tag and before the "" tag in order for things to render in the way they are requesting. As a result of this the added code is displaying on top of every popup window as well as full page. We only want it to display
at the top of main pages. In the attached image you will see that the page has a popup box for adding something to the calendar. I attempted to edit the NewForm.aspx for Calendar List Item, but i was not able to find anything of use. I even
attempted to hide the div that holds all the code for the top bar via the NewForm.aspx but it was a no go. Please advise on what I can do or weather i can attach a class of some sort to the div that would make this dynamic and hide on pop up pages.
Thank You

***Update***
I managed to figure out a solution to this problem. I simply added the right class to it so its no longer in dialog boxes
class="s4-notdlg noindex"

Custom Master Page Issue in Intranet

Hi All,
I hope someone can assist with this, we implemented this particular SharePoint 2007 portal approximately 5 years ago. An outside consultant created this custom master page, for some reason out of nowhere we are experiencing this bizarre issue with
the master page and checking in and out documents. I have attached an image showing the error message being displayed below(couldn't attach until my account was verified but it states 'Error invalid viewstate, port 52208, user agent Mozilla/4.0..., viewstate,
referrer, path). I came across one source on the web that stated something about the search box code and it causing issues out of nowhere on the master page. So in my dev environment I made the change and removed the following code from the master
page below.
<td style="padding-top:8px;" valign=top>
            <asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
            <SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox"/>
            </asp:ContentPlaceHolder>
</td>
As soon as this code is removed and the page is published again everything begins to work again, the problem is I can't remove search from this intranet portal as it is heavily used. Any assistance would be greatly appreciated.

By any chance, do you still have access to the solution package in which the master page was contained? Normally, you would see another .ascx user control overriding the delegate search control in there. I'm almost positive that this custom control is
what causing this issue.
Nikolas Charlebois-Laprade Microsoft Certified Professional & Software Engineer http://nikcharlebois.com

Adding Custom Breadcrumb for SharePoint 2013 Custom Master-Page With A Custom Separator.

Hi All,
I have successfully converted an HTML file to a SharePoint 2013 Custom Master-Page with relevant style sheets. But when I used within the SharePoint site I could not find the breadcrumb. So I want to know how to do that? For that breadcrumb I need a custom
separator like an arrow like in the below.
As you can see the separator is a custom built one. To have this custom separator in my HTML I have used the following code snippet.
<div class="breadcrumb-desktop">
<span class="breadcrumb-links"><a href="#">SharePoint Site Home</a></span>
<span class="breadcrumb-links"><a href="#">Sub Link 01</a></span> Active Page
</div>
The styles are as like in the below.
.breadcrumb-desktop {
width: 100%;
font-family: Arial;
padding: 23px 0 40px;
float: left;
font-size: 0.75em;
line-height: 1.25;
.breadcrumb-desktop > span.breadcrumb-links:after {
content: " \203A ";
white-space: pre;
I have tried the following code snippet within the SharePoint site as


But it did not display as I wanted.
So how am I supposed to insert these to my Custom Master-Page's breadcrumb and style them? Please could someone help me to solve this?
Thanks and regards,
Chiranthaka

Hi Chiranthaka,
Please use the following code snippet in your html master page.
<div class="CustomBreadcrumbs">
You are here:






</div>
Here is a thread for your reference:
https://social.msdn.microsoft.com/Forums/office/en-US/daabd903-df98-41da-80d8-6a942d06980e/add-breadcrumb-to-custom-master-page-html-file?forum=sharepointcustomization
We can also customize a breadcrumb control, then add it in master page.
http://msreddysharepoint.blogspot.com/2013/01/custom-breadcrumb-navigation-in.html
Best Regards
Dennis Guo
TechNet Community Support

Apply custom master page for a new sub site in programming

Hi;
How Apply a custom master page for a new subsite ?
My code is as follows but it not working : the master page is not applied ?
SPWeb newSite = web.Webs.Add(name, name, name, Convert.ToUInt16(1036), "{815BF557-AFE0-42B4-92A1-A8A56011EDBF}#LaPoste.DTC.ModeleSite", false, false);
newSite.AllProperties["__InheritsCustomMasterUrl"] = "False";
newSite.CustomMasterUrl = "/_catalogs/masterpage/iDtc/iDtcGeneric.master";
newSite.AllowUnsafeUpdates = true;
newSite.Update();
Regards

try this:
foreach (SPWeb site in siteCollection.AllWebs) {
if (site.Title.ToString() == "Reporting Portal")
site.MasterUrl = WebAppRelativePath + "_catalogs/masterpage/Branding101.master";
//site.CustomMasterUrl = WebAppRelativePath + "_catalogs/masterpage/Branding101.master";
site.AlternateCssUrl = WebAppRelativePath + "Style%20Library/Branding101/Styles.css";
site.SiteLogoUrl = WebAppRelativePath + "Style%20Library/Branding101/Images/Logo.gif";
site.UIVersion = 4;
site.UIVersionConfigurationEnabled = false;
site.Update();

User detail in custom master page

Hi All,
I want to make appear logged in user detail in master page.
In SharePoint 2013, User can see "about me" detail in System account appearing at top right corner.
I want same user detail to appear in custom master page. I am not sure where we can look for it.
I guess we need to copy user detail tag from oslo master page and can paste in our custom master page.
But i am not sure where to find this.
Any help is much appreciated.
Thanks..
Rakesh

Hi,
According to your post, my understanding is that you wanted to display user information in the master page.
We can register SPSWC at the top of the master page to call the user profiles.
Register SPSWC at the top of the master page:
<%@ Register Tagprefix="SPSWC" Namespace="Microsoft.SharePoint.Portal.WebControls" Assembly="Microsoft.SharePoint.Portal, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
Register the propertys below the starting Form tag:
<SPSWC:ProfilePropertyLoader runat="server"/>
There are some good articles for your reference.
http://chayadigital.wordpress.com/2012/03/20/displaying-user-information-on-a-master-page-in-sharepoint-2010/
http://chrisstahl.wordpress.com/2012/12/21/user-information-in-sharepoint-2010-with-help-of-the-spcwc-control/
http://blog.bugrapostaci.com/2011/06/22/sharepoint-2010-change-your-display-of-wellcome-name/
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

Custom Master Page changes wont apply to few page layouts

Dear All
I'm having issue applying custom branding to SharePoint 2010 sites.. Branding works overall fine but it doesn't apply to few pages.
For example if I click on Enterprise and Metadata Keyword Settings in Document library the changes are not applied. I notice it's a page called metadatacolsettings.aspx in layouts and I see it references application.master.. Similarly I see couple
of other pages out of sync and all of them have application.master as Master Page..
Any ideas why this could be happening.. Please let me know
Thanks

Hi,
pls check below links
There are a few things to consider.
Have all page layouts / master pages been checked in and published / approved?
Have you created a new page using the custom page layout?
Are you creating or modifying this content?
Keep in mind, the progression of rendering goes as follows:
masterpages determine the ASP.NET structural layout.
Page Layouts determine the SharePoint structural layout based on the masterpage ASP.NET structural layout.
Your .aspx pages determine what content to display based on the Page Layout SharePoint structural layout.
https://social.technet.microsoft.com/Forums/sharepoint/en-US/00d354cd-e49b-429f-8648-50251e1b39a0/changes-to-page-layout-not-refelected-when-using-custom-master-page?forum=sharepointcustomizationlegacy
Please remember to click 'Mark as Answer' on the answer if it helps you

Custom Master page set as a default on feature activation in Moss

I've a site in moss. I have created feature in my solution and on feature activation it will set the custom master page
CustomMaster.master as a default master page and on feature deactivation it will set as a default master page
default.master.
The problem I'm facing is that if I'm activation the feature at first time then it will set the CustomMaster.master as a default master page but when I'm deactivate the feature it will remove the
CustomMaster.master page and module. but when I'm again activate feature at that time it will not create mo1dule and CustomMaster.master in "_catalogs/masterpage/". So, no error was given on feature activation but
it will give error while I'm accessing my site as a "File Not Found" because
CustomMaster.master is not created.
Code of Module.xml file
<Module Name="Master" Url="_catalogs/masterpage"> <File Path="Master\CustomMaster.master" Url="Master/CustomMaster.master" IgnoreIfAlreadyExists="TRUE" Type="GhostableInLibrary"/> </Module>
Code of method which is call on feature activation
public void SetCustomMasterPage(SPFeatureReceiverProperties properties, string MasterPageName)
try
#region SetMasterpage
SPSite siteCollection = properties.Feature.Parent as SPSite;
if (siteCollection != null)
foreach (SPWeb web in siteCollection.AllWebs)
// Get the Site Collection root path to get the master page gallery.
string siteCollectionRoot = web.Site.RootWeb.Url;
// Set the Site Master to Custom.master
var siteMaster = new Uri(siteCollectionRoot + "/_catalogs/masterpage/Master/" + MasterPageName);
web.CustomMasterUrl = siteMaster.AbsolutePath;
web.MasterUrl = siteMaster.AbsolutePath;
// Clear the Alternate CSS
web.AlternateCssUrl = string.Empty;
// Save the changes back to the web
web.Update();
#endregion
catch (Exception)
Code of methods which are call on feature deactivation
public void SetDefaultMaster(SPFeatureReceiverProperties properties)
try
SPSite siteCollection = properties.Feature.Parent as SPSite;
if (siteCollection != null)
foreach (SPWeb web in siteCollection.AllWebs)
// Get the Site Collection root path to get the master page gallery.
string siteCollectionRoot = web.Site.RootWeb.Url;
// Set the Site Master to Custom.master
var siteMaster = new Uri(siteCollectionRoot + "/_catalogs/masterpage/default.master");
web.CustomMasterUrl = siteMaster.AbsolutePath;
web.MasterUrl = siteMaster.AbsolutePath;
// Clear the Alternate CSS
web.AlternateCssUrl = string.Empty;
// Save the changes back to the web
web.Update();
catch (Exception)
public void RemoveCustomMasterPage(SPFeatureReceiverProperties properties, string MasterPageName)
try
using (SPSite sitecollection = (SPSite)properties.Feature.Parent)
using (SPWeb web = sitecollection.RootWeb)
string WebAppRelativePath = sitecollection.ServerRelativeUrl;
if (!WebAppRelativePath.EndsWith("/"))
foreach (SPWeb site in sitecollection.AllWebs)
WebAppRelativePath = site.Url;
if (!WebAppRelativePath.EndsWith("/"))
WebAppRelativePath += "/";
String MasterUrl = WebAppRelativePath + "_catalogs/masterpage/Master/" + MasterPageName;
SPFile fileUrl1 = site.GetFile(MasterUrl);
if (fileUrl1 != null)
SPFolder folder = fileUrl1.ParentFolder;
fileUrl1.Delete();
web.Update();
//attempt to delete the folder if it is now empty
if (folder.Files.Count < 1)
folder.Delete();
catch (Exception)
Pls guide me for solve this issue.

Hello Sameer,
When you are calling "RemoveCustomMasterPage" function?
Also make below change in web.config file your web application to know the problem:
1. Open up your sites web.config, and make the standard custom errors edit. You want it to be < customerrors mode="Off"/>
2. Then, search for the CallStack="false" and change it to CallStack="true", you should find this in the "<safemode>" node.
3. Find: <compilation debug="false" />, Replace with: <compilation debug="true" />
Hemendra:Yesterday is just a memory,Tomorrow we may never see
Please remember to mark the replies as answers if they help and unmark them if they provide no help

Custom Master Page for Cases in eDiscovery

We are creating eDicovery site using custom site template. Site gets created using custom master page that we have set. Now, there are two option to create New Case.
#1. Use "Create New Case" button on Right Top Corner on home page
#2. OR Go to cases link on Left hand side menu i.e. ('ViewCases.aspx' page)
Problem 1...
this viewCases.aspx application page from _layouts uses seattle.master by default. how to change this?
Problem 2...
If we hover on "create" link on cases page, we see URL as [URL]/newsbweb.aspx?ID=3300.
if we click on this link custom templates for creating cases are not visible. obviously, if I create case using OOB template it will use seattle.master page.
If we remove ID=3300 from browser URL string and refresh, custom templates are available and I can create cases using custom template with my custom master page.
interestingly, "Create New Case" button mentioned in #2 redirects to same page newsbweb.aspx but with no ID parameter and works fine.
Please help how to set master page for viewCases page and what is this 3300 and how to remove it from create link.
Thanking in advance in anticipation of useful pointers.
++

By default SharePoint 2013 detects and display the content based on the mobile device. Refer to the following post on how to disable the default view and create a custom mobile view
http://academy.bindtuning.com/deactivate-sharepoint-2013-mobile-view/
Cheers,

Custom Master Page issue with Document Set Libraries

Details: Publishing site using SharePoint 2013. The SharePoint is on my company's servers.
Have a custom Master page that has a navigation banner (built with HTML/CSS/javascript). The site has it applied successfully to the "Site Master Page" but when I also apply it to the "System Master Page", the libraries that have
Document Set type content do not show the files within. We'd like to be successful in applying to the "System Master Page" as that allows the banner to show when an actual library is accessed. Any suggestions, please?

Thanks. I've been experimenting with this for a few days now, and there's lots I don't understand about why and such, but your process above works. That's a big load off me right now and I really appreciate it. I'm going to be able to survive the initial
roll-out and implementation of the new site. Going forward, I've got lots to learn and find out, I've already heard that there's a desire to really redesign the master page for the site and subsites, way beyond the little CSS customization I did. Fun.
If you've got a little time though, perhaps you can provide some explanation. If not, no problem.
On step 6, when I do as you detail, click the System Master Page and reset all the subsites, it seems to work fine with my custom master page. If I do that with the Site Master Page settings, my custom page causes the redirect issue in the subsites again.
This is whether I do the Site Master Page by itself, or in conjunction with the System Master Page settings. If I revert back to the Seattle master page in the Site Master Page settings and my custom pate in the System Master Page, the issue goes away again.
It is completely messing with my head, trying to figure out why that would be, and this is all beside trying to figure out why adding the one little CSS reference to the Seattle master to create my master page breaks things (sometimes!).
Just fyi, what I've ended up with for now is pulling my custom master page out of the system and using the Alternate CSS URL to add my custom CSS to the Seattle master page on the sites. As I thought about all this, I decided I didn't want to leave the breakable
custom page out there for some unsuspecting site manager to accidentally pick and get everyone screaming about the broken sites.
Thanks again,
Steven

Custom Master Page - CSS & Dynamic Display

Similar Messages

Maybe you are looking for