Custom Master Page with Top Navigation and Left Navigation

Hi All,
I have successfully converted an HTML Page to a SharePoint 2013 Master Page. I also created a Custom Page Layout. Using both them I have created my SharePoint Site with 30+ pages. Each page is consisted with the Top Header Navigation as it is inheriting
from the Master Page I have used. Now I need the left navigation inherit from the master page also. It gives me the advantage of updating it from the master page and affects it through the entire SharePoint Site.
But at the moment I am inserting the Left Nav using a web part as an HTMl code snippet individually for each and every page. If needs a modification I have to go through all the pages and do the modification. This is not convenient also. I want to this left
nav like the SharePoint Current Navigation alternative but within my Page Layout.
Is there an option to chat within these forums?
Could someone help me to solve this problem?
Thanks and regards,
Chiranthaka

Hi,
In your HTML Page Layout, is your "current navigation" in its own content place holder, such as "PlaceHolderLeftNavBar" or did you add the current nav to the "PlaceHolderMain"?
Can you add CSS that hides the left nav found in each content page so that you do not have to manually remove the left nav? Then you could simply add the current nav back into the Master Page.
Eric Overfield - PixelMill -
ericoverfield.com -
@EricOverfield

Similar Messages

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

Custom Master Page with Code behind in SharePoint 2013

Hi All,
I want to create the Custom Master Page in Sharepoint 2013 with Code file in it.
Is it possible to create? if YES the how i can achieve it??
PD

To add something to Amit's reply, you can refer to the following link on how to create master page with code behind if you are new to ASP.net.
Walkthrough: Creating and Using ASP.NET Master Pages in Visual Web Developer
http://msdn.microsoft.com/en-us/library/ehszf8ax(v=vs.90).aspx
Miles LI TechNet Community Support

Custom Master Page with Custom Page Layout

Hi All,
I have created a Custom SharePoint Master Page. In that Master Page I have created a custom Header & Footer. In between the header and the footer I created a space to put page's content.
However I have created a page using that master page and it was successfully published.
After that I wanted to create a Custom Page Layout using that Page previously created. That also was a successful one. But when default Page Layouts in SharePoint 2013 inserted to a page it shows an area that can add content. But in my Page Layout inserted
to a page it does not show like that.
So what have I missed when I created the Custom Page Layout? Could you kindly someone tell me how to solve this matter?
Thanks and regards,
Chiranthaka

Can you confirm that your custom page layout has the same WebPart Zones as the default one? They need to be if you wish to see content that was added with the default page layout.
Nikolas Charlebois-Laprade Microsoft Certified Professional & Software Engineer http://nikcharlebois.com

Transferring Custom Master-Page, Custom Page Layouts and Pages created to a new SharePoint Site.

Hi All,
I have a SharePoint 2013 Publishing Site for testing named 'Test'. In the Test I have created a Custom Master-Page and several Custom Page Layouts. Also using them I have created several pages. Now they all are connected to the navigation. Now I want
to transfer all the pages, custom master-page and custom page layouts to a new site (a publishing site) that will be used as production. Will I able to do this or not. Please advice me with best practices.
Thanks and regards,
Chiranthaka

Hi Chiranthaka,
thanks for posting your query, The master page can't be copied in designer and pasted into the new site collection. A better approach would be to bundle it into a feature and deploy it to the farm where it can't be activated and used.
If you want to copy your master page to another site collection you can download your master page from the master page gallery and upload it to the the master page gallery of the second site collection. From the root site Site Actions > Site Settings
> (Galleries)Master pages and page layouts
If you want to deploy the same master page to multiple site collections using a feature, create a module in Visual Studio, add your custom master page to the module, and create an element manifest something like this:
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
<Module Name="Master Pages" List="116" Url="_catalogs/masterpage" RootWebOnly="TRUE">
<File Path="Master Pages\MyCustom.master" Url="MyCustom.master" Type="GhostableInLibrary"></File>
</Module>
</Elements>
The basic idea is to have your site-scoped feature include a module that copies your custom master page from the file system to the masterpage gallery. Since the feature folder is shared, the same master page gets copied to the site collection master page
gallery whenever you activate the feature.
I hope this is helpful to you, mark it as Helpful.
If this works, Please mark it as Answered.
Regards,
Dharmendra Singh (MCPD-EA | MCTS)
Blog : http://sharepoint-community.net/profile/DharmendraSingh

Custom SharePoint Master Page with Content Editor Web Part.

Hi All,
I have created a custom SharePoint Master Page to apply within my SharePoint Site and it was a success.
When I want to add the content I have to use the script editor web part and add HTML snippets. Then the styles will reflect correctly. But when I use content editor web part some of the styles do not reflect. Lets assume that if I want to add a H2 with the
custom color, the color do not show in the ribbon. And how SharePoint know that this is an <h2> and reflect the other styles like padding, margin and so on.
Please can someone help me to solve this.
Thanks and regards,
Chiranthaka

Hi,
From your description, my understanding is that you want to add CSS code in your customized Master Page with content editor web part.
I tested your issue in SharePoint Designer, and I added CSS code successfully.
I accomplish your requirement with steps below:
Add a content editor web part in a list and add some CSS code in the web part.
Open SharePoint Designer, enter the master page.
Insert a content editor web part under INSERT tab in the Ribbon.
Open the list that have edited in step1 in the SharePoint Designer.
Copy code from the list to the Master Page as the screenshot below.
The screenshot below is my result:
In addition, why do not you add CSS code just with <style> tag in your page? Just add CSS code as below(in this method, you do not need any web part.):
<style>
h2{
background-color:green;
</style>
Best Regards,
Vincent Han
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Auto-hostep app with custom master page does not allow custom workflows

This has been troubling us all day. We have a sharepoint 2013 auto-hosted app. We wanted to simply change the site logo of the master page but it was easier said than done. Finally we had to create our own custom master page with our own site logo to overcome
this issue.
Now we are trying to add a custom workflow in our app. But the instalment of the app always fail with this message:
3> CorrelationId: cec727fc-bbf9-4499-ae36-6a7d05f3ae8c
3> ErrorDetail: There was an error during the operation.
3> ErrorType: Configuration
3> ErrorTypeName: Configuration
3> ExceptionMessage: Operation is not valid due to the current state of the object.
3> Source: Common
3> SourceName: Common App Deployment
After many hours of searching I came across this
post that sums up the problem to this:
Do not use the WebTemplate element in the app manifest to designate any of the built-in SharePoint site definition configurations as the app web's site type. We do not support using any of the built-in site definition configurations, other than APP#0, for app webs.
Thus, if you would like to include your workflow to SharePoint-hosted app, you have to use APP#0 template.
I am fairly new to the sharepoint 2013 app development and having so many problems just because we wanted to have a different site logo is making us focus out of the important stuff of our app. Isn't there a simple way for us to change the app's site logo
and add a custom workflow? Has anyone come up with a solution?

Have you configured SharePoint Workflow Manager in the farm? Not sure if you are familiar with but in SharePoint 2013, there's a new component called Workflow Manager that needs to be configured to use SharePoint 2013 workflow.
Thanks,
Sohel Rana
http://ranaictiu-technicalblog.blogspot.com
I am using SharePoint Online. I have enabled the following site feature:
Workflows can use app permissions
Allow workflows to read from and to write to all items in this site.
just in case but it makes no difference. When I stop using my custom masterpage the app can install just fine and the workflow is working. When the custom masterpage is enabled the app won't install with the workflow. I am required to remove the workflow
to install the app.

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;

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"

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.

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

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!

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

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

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

Custom Master Page with Top Navigation and Left Navigation

Similar Messages

Maybe you are looking for