Background image of custom master page just shows for 1 second.

Hi,
I have created a custom master page from a html code and I have applied to it on my site collection, but when I open it on the web browser the background image just show up for a second or less and then the background turns white.
I'll aprecciate any suggestions in order to solve this.
Regards.

Hi,
According to your post, my understanding is that Background image of custom master page just shows for 1 second.
I recommend to change the class to use .main-content.
.main-content
background-color:#F4F2E5;
background: url('/Style%20Library/Images/image.png');
background-repeat: no-repeat;
background-;
You can also use a contol called cssregistration. Add a line that looks something like this, right below the existing csslink:
< SharePoint:CssLink runat="server" Version="4" /> (under this you add:)
< SharePoint:CssRegistration runat="server" name="/Style%20Library/Scripts/style.css" After="coreV4.css" />
Here is a similar thread for you to take a look at:
http://social.technet.microsoft.com/Forums/en-US/929c9fe6-a222-43a9-9551-985c0f20756d/background-image-in-sharepoint-2010-master-page?forum=sharepointcustomizationprevious
Best Regards,
Linda Li
Linda Li
TechNet Community Support

Similar Messages

Custom master page is showing inside the dashboard designer

I have some issues with Dashboard designer, when i am creating a new report ,my custom master page is showing inside the designer. How i can remove this?
the same issues of this post ->
http://sharepoint.stackexchange.com/questions/109218/custom-master-page-is-showing-inside-the-dashboard-designer-pps
Thanks

But here's a few more things:
When I click on the page 1, the Master Page view is shown. When I click on Master Pages, the Master Page view is shown, also when I click on
untitled Content Area, the Master Page view is shown. All these made me think that extra page is the Master Page.
When I look at pagination for page1, here's what there:
When I click on the (untitledSubform) (page1) pagination, here's what's there
I can't get this page to go away. Thanks.

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>

Search hover panel not showing up in Internet Explorer with custom master page

The hover panel is not showing up in internet explorer. I am using a custom master page and it works no problem in the other browsers. When I fire up the debugger there is an error message when i hover over a search result item:
I tried debugging the JavaScript but i am not sure what is going on with it.
Am I missing reference or something done like that? It has to be something simple because I have been scratching my head for a while on this.
Any ideas?
Brad Wight

Have you tried rendering the site in IE Compatability Mode? Compatability Mode solves a lot of problems in this area because older versions of IE had a unique interpretation of HTML code.
Start here:
http://windows.microsoft.com/en-us/internet-explorer/use-compatibility-view#ie=ie-8
I trust that answers your question...
Thanks
C
|
RSS |
http://crayveon.com/blog |
SharePoint Scripts | Twitter |
Google+ | LinkedIn |
Facebook | Quix Utilities for SharePoint

Can I set up a master page to show custom alternating footer text dependant on page number?

Hi,
Is it possible to set up a master page to show different messages in the footer of a brochure dependant on page number? For example;
Page 1: Buy from us because...
Page 2: Our website address is...
Page 3: Here's a special offer...
Page 4: Our website address is...
Page 5: Buy from us because...
Page 6: Our website address is...
...and so on, repeating until the end of the brochure. The intention is for the footers to update automatically if the pagination of the brochure in question needs moving around - or if the messages need changing.
Thanks!

Thanks, but the text needs to be on a single master page which every page is assigned to. This is so the text alternates correctly regardless of whether new pages are inserted or moved. If I assigned separate master pages to individual pages and then moved the pages to a different location, the alternating footer text would then fall out of sync. I hope that made sense!

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

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

Deployed Custom Master Page Not Visible in Designer

My team has created a custom master page and has packaged and deployed it as a feature. The custom master page file correctly appears in the master pages gallery via the Web UI, but it's not showing up in the Master Pages folder when the site is opened
in Designer. What are we missing?

Hi,
when the master page was deployed by a sandbox solution please make sure that the master page is checked in and approved. SharePoint doesn't check in and approve files that was deployed by a sandbox solution. Also make sure that the correct content type
is assigned. because otherwise you won't see it too.
To set the content type of the master page on deployment correct you just need to simply add the following inside the <file>
<Property Name="ContentType" Value="$Resources:cmscore,contenttype_masterpage_name;" />
If the master page is a farm you should also add the content type but it will be checked in automatically. I hope you are on root level of your site collection because the master page will not deployed to the sub sites.
In SharePoint Designer you also have two different approaches to find the master page.
Approach 1:
Use the Master Page Entry on the navigation pane left. The Master Page will only show up if content type ins correctly set.
Approach 2:
Go to "All Files" -> _catalogs -> masterpage
By using approach two you will see the same amount of files that you can review in SharePoint. You will also find the article pages in there.
Hope this helps
Kind regards
Stefan
http://www.n8d.at/blog
Follow me on Twitter: StFBauer |
n8design
Microsoft Community Contributor 2011
MCTS - SharePoint / WSS Configuration and Development

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 issue in subsites

Greetings!
I've run into an oddity with a custom master page on my SharePoint 2013 Enterprise server. I copied the html for the seattle master page, renamed it so it wouldn't change the seattle master, made an addition to it to add a reference to a custom css
file, then threw it back up on the site so SP would make a new .master file with it. I created a new web app and site collection, put the custom css file in the Style Library and added the custom master page to the Master Pages.
So, all that being done, I changed the look of the top level site to use the new master page and it looks great and seems to be working as expected. We've got a number of subsites planned for underneath this top level site, I'm thinking no problem, just
put the custom master file in the master pages and we'll be good. So I create a subsite, put the custom master page in the subsite's Master Pages, change the look. The master page and custom css apply and it looks good, but, then the problem starts.
When I go into a document library and change a view or add a view or delete a view I get back an odd response page from SP. In the url I see this: https://topsite/subsite/_vti_bin/owssvr.dll?CS=65001
and in the body of the message: 69|pageRedirect|owssvr|https://topsite/subsite/Shared%20Documents/Forms/AllItems.aspx|
When I go back into the subsite, whatever change I was attempting when I get these results worked fine.
So, why does my custom master page work fine on the top level, but not on the subsites? If I switch the subsite back to the Seattle.master, the oddity goes away, so that tells me it's something to do with my custom master page and/or custom css. I did
some searching for owssvr.dll?CS=65001 and didn't see anything that helped. I checked IIS and the web.config file and don't have ASP.net tracing on that I could find.
All that the custom css is doing is increasing the size allowable for the site icon (.ms-siteicon-img) to allow for a larger icon (180px square) and it pushes the side Nav Box down a bit to make room for the larger icon and changes the font size for the
side Nave Box (#sideNavBox). Since it works on the top site, I'm not suspecting the css, but, it's not making sense to me why the custom master page wouldn't work in subsites either.
I ran into this issue earlier, it was showing up when deleting folders from the document library. I thought I'd made a boo-boo somewhere in creating the custom master page, or how I'd added it, or something (kind of a learn as I go situation here), so I
deleted the entire web app and recreated it, hoping for a clean start and a good master page and everything would be good. Guess I'm still missing something.
I swear that the ONLY change I made to the seattle html file for my custom page was to add this line just below the corev15.css line: 
So, that's my sad story. Any suggestions, other than to punt on the custom master page?
Thanks!
Steven

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 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]

Presence indicators not working on pages using custom master page

I have a SP 2013 publishing site. I crated a custom master page using Randy Drisgill's starter master page for SP2013. All good so far. Then I created a page to hold a people search (refinement, search box and search results web parts). The search results
show the staff info and photo but the colour to the left of the image is not there. They are all white. Also when you hover over the image you don't get the popup to send an email or start an IM.
I initially though it must have been an issue with some of the javascript that my custom master page has included such as jQuery. Swapping back to the Seattle OOTB master page the presence indicators appeared, but it took a long time after the swap - like
the JS was cached and when I swapped back to my custom master page the presence stuff worked for a little while before disappearing again.
Then in IE developer tools I noticed that if I set it to use 10 instead of Edge the presence indicators always work. As soon as swapping back to Edge they die.
So I'm confused as to whether it is a conflict with jQuery or some other JS on my master page or if it is that the IM presence indicators don't work in Edge.
Has anyone had a similar experience and found an answer?

No my master page does not have that in it. That is in Randy's 2010 starter master page but not in his 2013 one.
The issue appears to be this line in the master page which was forcing IE to use Edge rendering engine which the init.js code must not be compatible with.
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Switching to using IE 10 works.
<meta http-equiv="X-UA-Compatible" content="IE=10" />

Create a blank page without custom master page applied,left navigation,top navigation

hi,
i am having a requirement where in i need to a show a report- which is actually a 3rd party tool's custom web part -. this web part is a report which has lot of metadata. so customer doesnt want to see the custom master page
or left navigation, top navigation, right nav in this page.
is it possible to achieve a blank web part page that doesnt have custom master page applied- i mean this page should not inherit the my custom master page- and just add the custom web part here.
help is appreciated!
Das

Hi
3 ways.
1.use a blank page using sharepoint designer
2. remove applied master page for an existing page
3 use &isdlg=1 on your URL ( to hide the top of the master page elements )
http://domain/path/page.aspx&isdlg=1
Romeo Donca, Orange Romania (MCSE, MCITP, CCNA) Please Mark As Answer if my post solves your problem or Vote As Helpful if the post has been helpful for you.

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;

Create a custom Master Page in SharePoint Foundation 2013

Hi,
I am new to SharePoint foundation.
I am trying to create a custom master page and save it as template, so that i can use it for all other sub sites. But i don't know where to start. Also i tries searching in Google, i got results for share point and not for share point foundation.
So, Please give me a step by step procedure or a link to step by step procedure on how to create a master page, save it as template and use it for a sub site.
Thanks in advance,
Gowtham R

Few points to note related to SharePoint Master page:
You don't need to create master page template. If you deploy your master page in site collection level you can reuse the same master page in subsites without copying again and again, rather just by referencing
You have not mentioned how you are going to deploy your master page. If you have any Visual Studio (VS) solution already, try to add your master page in the VS solution and deploy your master page (and other branding components) as SharePoint WSP
solution.
Deploying master page will not activate the master page, you need to use some kind of 'Web Level Feature' to activate your branding - the feature will basically set the master page property of SharePoint site to your custom master page.
Please follow the links below for steps by steps instructions (and you will find many just by googling 'sharepoint master page visual studio'):
http://frederik.se/how-to-deploy-a-custom-master-page-in-sharepoint-2013-using-visual-studio/
http://joshuaorimogunje.wordpress.com/2011/10/05/how-to-create-custom-master-page-for-sharepoint-2010-using-visual-studio-2010/
http://blogs.msdn.com/b/bobgerman/archive/2011/01/31/packaging-master-pages-and-page-layouts-with-visual-studio-2010.aspx
http://go.limeleap.com/community/bid/291931/Creating-a-Custom-SharePoint-Master-Page-with-jQuery-Using-Visual-Studio
Thanks,
Sohel Rana
http://ranaictiu-technicalblog.blogspot.com

Background image of custom master page just shows for 1 second.

Similar Messages

Maybe you are looking for