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"

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

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

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

Sharepoint 2013 - Error while applying custom master page.

I am getting following error on my sharepoint 2013 site on applying a custom master page.
System.ArgumentNullException: Value cannot be null. Parameter name: ribbon at Microsoft.SharePoint.WebControls.RibbonTrimmer..ctor(SPRibbon ribbon) at Microsoft.SharePoint.WebControls.SPPageStateControl.OnInit(EventArgs e)
at System.Web.UI.Control.InitRecursive(Control namingContainer) at System.Web.UI.Control.AddedControl(Control control, Int32 index) at Microsoft.SharePoint.WebPartPages.WikiEditPage.OnLoad(EventArgs e)
at System.Web.UI.Control.LoadRecursive() at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
Does anyone know whats wrong with my custom master page?

Hi,
please check if its properly deployed.
Refer the similar thread below.
http://social.technet.microsoft.com/Forums/en-US/f07ce2f6-6607-4764-8c12-10de4ae1d635/systemargumentnullexception-value-cannot-be-null-parameter-name-ribbon?forum=sharepointgeneralprevious
Please remember to click 'Mark as Answer' on the answer if it helps you

How to set custom master page for sharepoint application page ?

Hello,
I need to apply custom master page for the custom application page I created for login purpose.
Can anyone please let me know how to apply master page for custom application page ?
Note : I need to set custom master page for application page at web application level.
thanks,
Dipti Chhatrapati

Hi Dipti,
You can use the same reference as ASP.NET
Example
"<%@ Page Language="C#" masterpagefile="../_catalogs/masterpage/minimal.master" title="teste" inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" meta:webpartpageexpansion="full"
meta:progid="SharePoint.WebPartPage.Document" %>"
You can use SharePoint Designer 2010
http://www.microsoft.com/download/en/details.aspx?id=16573 to make the reference from you aspx page to you custom masterpage.
When you are editing a aspx page you can go to ribbon "Style" and attach the custom Masterpage.
André Lage Microsoft SharePoint, CRM Consultant
Blog:http://aaclage.blogspot.com
Codeplex:http://spupload.codeplex.com/http://simplecamlsearch.codeplex.com/

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

How to set custom master page for social/sites.aspx in sharepoint 2013

How to set custom master page for social/sites.aspx in sharepoint 2013.?
File path is
C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\FEATURES\SocialDataStore\SocialDataStoreList\sites.aspx
Thanks in advance

Hi,
You could open the sites.aspx in Notepad or SharePoint designer, and set the master page to your own master page directly via editing:
<%@ Page language="C#" MasterPageFile="~masterurl/custom.master" Inherits="Microsoft.SharePoint.Portal.WebControls.FollowedContentWebPartPage,Microsoft.SharePoint.Portal,Version=15.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c"
%>
Regards,
Rebecca Tu
TechNet Community Support

How to Insert custom master page menubar above suitebar in sharepoint 2013

Hi,
I have created my custom master page. But it renders in sequence as Suite link bar, Ribbon bar, Master Page Navigation Menu.
I want that page to be as master page menubar, suite link bar and then ribbon .
Please tell me is it possible way to do it?
cause,ribbon is used often so if there is option when ribbon gets opened hide master page ribbon and when we click on browse in ribbon get the master page again.
Please, suggest me any way?
Thanks

I think this will help:
http://academy.bindtuning.com/customize-sharepoint-2013-and-office-365-suite-bar/
Andy Wessendorf SharePoint Developer II | Rackspace [email protected]

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

SharePoint 2013 - Custom Master Page / Page Layout

Hi there,
- I've covert an HTML file using Design Manager >> Edit Master Pages to convert successfully. Now I've a custom master page.
- I changed my default master page to custom master page and it looks fine. But the problem is when I try to edit the page all the web parts (snippets) are appears at the bottom of custom master page.
- So I created new page layout
- After conversion successful.
- When I can click on new page this message shows up.
Sorry, something went wrong
An invalid or empty reference to a Cascading Style Sheet file was specified. Valid references must specify only a filename that ends with a ".css" extension
Thanks for help

Hi Tim,
As per my understanding try to do check the below things,
Try to restore the previous version of master, page layout and the home page and cross check the malfunctioned part by comparing both current and previous content
Check for special characters added in page layout ,page
Cross with the content type mapped with this new page layout
Check for custom solution is retracted from Farm
Optionally check for any updates gone in server
OR
Refere the below URL if the above wont works,
https://social.msdn.microsoft.com/Forums/en-US/5045369c-c330-4dc8-97fe-b9ad04830037/css-error-when-changing-the-master-page?forum=commserver2009
Vijaivel

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

How hide ribbon bar for read only users from custom master page.

Hi,
I want to hide the ribbon bar for read only users, on my custom master page I put inside of a SharePoint:SPSecurityTrimmedControl this div: <div id="ms-designer-ribbon">, but when I save the changes the master page does not work
anymore.

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

<div class="DefaultContentBlock" style="background:rgb(0, 114, 198); color:white; width:100%; padding:8px; height:64px; ">The SharePoint ribbon will be here when your file is either previewed on or applied to your site.</div>
</div>

I'll appreciate any suggestions in order to solve this.
Regards.

did you close browse and open a fresh session?
also authericationrestrictions for add & customize people so its more than read...
check this one
http://msdn.microsoft.com/en-us/library/jj822366.aspx
another blog for same stuff:http://spgurunet00.web707.discountasp.net/post/2012/12/13/Hiding-SharePoint-2013-Ribbon-from-Anonymous-Users.aspx
Please remember to mark your question as answered &Vote helpful,if this solves/helps your problem. ****************************************************************************************** Thanks -WS MCITP(SharePoint 2010, 2013) Blog: http://wscheema.com/blog

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

SharePoint O365 Tenant - Custom Master Page Question

Similar Messages

Maybe you are looking for