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

Similar Messages

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

  • 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
    <!--MS:<asp:sitemappath runat="server" sitemapproviders="SPSiteMapProvider,SPXmlContentMapProvider" rendercurrentnodeaslink="false" hideinteriorrootnodes="true">-->
    <!--ME:</asp:sitemappath>-->
    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:
    <!--SPM:<SharePoint:AjaxDelta id="DeltaPlaceHolderPageTitleInTitleArea" runat="server">-->
    <!--SPM:<asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server">-->
    <!--MS:<asp:sitemappath runat="server" sitemapproviders="SPSiteMapProvider,SPXmlContentMapProvider" rendercurrentnodeaslink="false" hideinteriorrootnodes="true">-->
    <!--ME:</asp:sitemappath>-->
    <!--SPM:</asp:ContentPlaceHolder>-->
    <!--SPM:</SharePoint:AjaxDelta>-->
    </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

  • Customize Access Requried page with code behind attached to it in sharepoint 2010

    Hi,
    I have modified default AccessDenied page to my custom accessdenied.aspx page and put Request Access button on it and javascript client side redirection to my requestaccess (reqestaccess.aspx, reqestaccess.aspx.cs) application page.
    Here the problem is whenever i try to redirect to custom requesaccess page in _layouts it again shows me accessdenied page since user is not having access.
    I changed requrestaccess to my custom requestaccess through Powershell command (UpdateMapping - 5). I can only modify the UI part of requestaccess.aspx and can not bind code behind where i want user to select combination of what access is required
    on the site, there are lots of controls on requestaccess page e.g. dropdown that fetches data from list\external list and so on.
    I tried many things to attach code behind to requestaccess page e.g. <%@ Page Inherits="codebehind.cs" /> and all.
    Q - How can i redirect user to custom request access page (includes both aspx, aspx.cs) and allow user to interact with custom page? Is there any way OR WORKAROUND to do this in Sharepoint 2010?
    OR
    Can we overide with ElevetedPermissions in UI\CodeBehind and show the application page to user?
    OR
    Can user access application page even though they donot have rights to access site? Anything will do.
    OR
    In short, I need to redirect a user to some .aspx\.aspx.cs page from AccessDenied page, irrespective of user having access or not. 
    I hope question is clear enough to understand the issue. :)
    Regards,
    Rahul

    Hi,
    According to your post, my understanding is that you had an issue about the custom Access Required page.
    Microsoft supported using code behind, but for these pages it seemed some difference.
    However, as a workaround, we can put all the functionality to the aspx page directly.
    http://umbraes-tower.blogspot.com/2011/10/custom-request-access-page-in.html
    More reference:
    http://onlinecoder.blogspot.com/2011/05/how-to-customize-requestaccess.html
    http://oszakiewski.net/eric/customizing-the-access-request-page-in-sharepoint-2010
    Thanks & Regards,
    Jason
    Jason Guo
    TechNet Community Support

  • 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

  • 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

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

  • Wiki page layout with multiple rows in SharePoint 2013 foundation?

    We have a SharePoint 2013 foundation version and a requirement to create custom wiki pages with predefined templates. SharePoint provides template with header, footer and middle row out of which only middle row can have more than one column, we need more
    than that. Can anybody help us in achieving this?

    Thank you for your reply Inderjeet.<o:p></o:p>
    Actual problem is with wiki page custom templates, we have created some custom templates and they work fine, please refer below link for implementation
    details
    http://blog.hompus.nl/2012/06/07/provisioning-a-default-layout-and-content-when-adding-a-wiki-page/
    If we want to create a little complicated templates as shown below, we are finding it difficult with only one table provided by
    wiki layout. Can we add multiple table inside a template? if yes, how to do that? if not, how to create template like below.

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

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

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

  • Having issues with custom master pages and device channels

    I'm working in Sharepoint 2013 and am attempting to create a custom master page that is to be used by mobile devices. I have created an html file and a custom css file that includes snippets from the design manager. The file appears to preview fine in a
    browser from Microsoft Web Expression. I have loaded the html file into sharepoint via design manager, so the master file is there as well. The css files are in the style library for the site collection and I have created a device channel including user agent
    strings for iphones going back to the iPhone 4 and operating systems going back to iOS 6. I have obviously assigned my custom "mobile" master for that device channel and I have turned off mobile browsing. However when I open the site on my phone
    it shows the normal full desktop view and not my custom master. I will include my html code, my css and a screenshot of my device channel below. Please help!
    <?xml version="1.0" encoding="utf-8"?><!--SPG:
    This HTML file has been associated with a SharePoint Master Page (.master file) carrying the same name. While the files remain associated, you will not be allowed to edit the .master file, and any rename, move, or deletion operations will be reciprocated.
    To build the master page directly from this HTML file, simply edit the page as you normally would. Use the Snippet Generator at https://otterbein.sharepoint.com/sites/Committees/_layouts/15/ComponentHome.aspx?Url=https%3A%2F%2Fotterbein%2Esharepoint%2Ecom%2Fsites%2FCommittees%2F%5Fcatalogs%2Fmasterpage%2Fmobile%5Ftest%5Fmaster%2Emaster to create and customize useful SharePoint entities, then copy and paste them as HTML snippets into your HTML code. All updates to this file will automatically sync to the associated Master Page.
    -->
    <!-- _lcid="1033" _version="16.0.3611" _dal="1" -->
    <!-- _LocalBinding -->
    <!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" />
    <!--CS: Start Head Snippet-->
    <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
    <!--SPM:<%@Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
    <!--SID:00 -->
    <meta name="GENERATOR" content="Microsoft SharePoint" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Expires" content="0" />
    <!--SPM:<SharePoint:RobotsMetaTag runat="server"/>-->
    <!--MS:<SharePoint:PageTitle runat="server">-->
    <!--SPM:<asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server">-->
    <!--SPM:<SharePoint:ProjectProperty Property="Title" runat="server"/>-->
    <!--SPM:</asp:ContentPlaceHolder>-->
    <!--ME:</SharePoint:PageTitle>-->
    <!--SPM:<SharePoint:StartScript runat="server"/>-->
    <!--MS:<SharePoint:CssLink runat="server" Version="15">-->
    <!--PS: Start Preview-->
    <link href="https://otterbein.sharepoint.com/sites/Committees/Style Library/mobile_corev15.css" rel="stylesheet" type="text/css" /><!--PE: End Preview-->
    <!--ME:</SharePoint:CssLink>-->
    <!--SPM:<SharePoint:CacheManifestLink runat="server"/>-->
    <!--SPM:<SharePoint:PageRenderMode runat="server" RenderModeType="Standard"/>-->
    <!--SPM:<SharePoint:ScriptLink language="javascript" name="core.js" OnDemand="true" runat="server" Localizable="false"/>-->
    <!--SPM:<SharePoint:ScriptLink language="javascript" name="menu.js" OnDemand="true" runat="server" Localizable="false"/>-->
    <!--SPM:<SharePoint:ScriptLink language="javascript" name="callout.js" OnDemand="true" runat="server" Localizable="false"/>-->
    <!--SPM:<SharePoint:ScriptLink language="javascript" name="sharing.js" OnDemand="true" runat="server" Localizable="false"/>-->
    <!--SPM:<SharePoint:ScriptLink language="javascript" name="suitelinks.js" OnDemand="true" runat="server" Localizable="false"/>-->
    <!--SPM:<SharePoint:CustomJSUrl runat="server"/>-->
    <!--MS:<SharePoint:SoapDiscoveryLink runat="server">-->
    <!--PS: Start Preview--><link href="https://otterbein.sharepoint.com/_vti_bin/spsdisco.aspx" rel="alternate" type="text/xml" /><!--PE: End Preview-->
    <!--ME:</SharePoint:SoapDiscoveryLink>-->
    <!--MS:<SharePoint:AjaxDelta id="DeltaPlaceHolderAdditionalPageHead" Container="false" runat="server">-->
    <!--MS:<asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server">-->
    <!--ME:</asp:ContentPlaceHolder>-->
    <!--MS:<SharePoint:DelegateControl runat="server" ControlId="AdditionalPageHead" AllowMultipleControls="true">-->
    <!--ME:</SharePoint:DelegateControl>-->
    <!--MS:<asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat="server">-->
    <!--ME:</asp:ContentPlaceHolder>-->
    <!--ME:</SharePoint:AjaxDelta>-->
    <!--SPM:<SharePoint:CssRegistration Name="Themable/corev15.css" runat="server"/>-->
    <!--SPM:<SharePoint:AjaxDelta id="DeltaSPWebPartManager" runat="server">-->
    <!--SPM:<WebPartPages:SPWebPartManager runat="server"/>-->
    <!--SPM:</SharePoint:AjaxDelta>-->
    <!--CE: End Head Snippet-->
    <!--[if gte mso 9]><xml>
    <mso:CustomDocumentProperties>
    <mso:ContentType msdt:dt="string">Design File</mso:ContentType>
    <mso:ContentTypeId msdt:dt="string">0x0101000F1C8B9E0EB4BE489F09807B2C53288F0054AD6EF48B9F7B45A142F8173F171BD10003D357F861E29844953D5CAA1D4D8A3A</mso:ContentTypeId>
    <mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
    <mso:HtmlDesignFromMaster msdt:dt="string"></mso:HtmlDesignFromMaster>
    <mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
    <mso:HtmlDesignStatusAndPreview msdt:dt="string">https://otterbein.sharepoint.com/sites/Committees/_catalogs/masterpage/mobile_test_master.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
    </mso:CustomDocumentProperties>
    </xml><![endif]-->
    <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">
    <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
    <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;">
    <!--MS:<SharePoint:EncodedLiteral runat="server" text="&#60;%$Resources:wss,master_turnonaccessibility%&#62;" EncodeMethod="HtmlEncode">-->
    <!--ME:</SharePoint:EncodedLiteral>-->
    </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;">
    <!--MS:<SharePoint:EncodedLiteral runat="server" text="&#60;%$Resources:wss,master_turnoffaccessibility%&#62;" EncodeMethod="HtmlEncode">-->
    <!--ME:</SharePoint:EncodedLiteral>-->
    </a>
    </div>
    <!--SID:02 {Ribbon Snippet}-->
    <!--PS: Start Preview--><!--PE: End Preview-->
    </div>
    <!--MS:<SharePoint:SPSecurityTrimmedControl runat="server" AuthenticationRestrictions="AnonymousUsersOnly">-->
    <!--SPM:<wssucw:Welcome runat="server" EnableViewState="false"/>-->
    <!--ME:</SharePoint:SPSecurityTrimmedControl>-->
    <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"><!--CS: Start Site Title Snippet--><!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SharePoint:AjaxDelta runat="server" ForeColor="White">--><!--PS: Start of READ-ONLY PREVIEW (do not modify)--><!--PE: End of READ-ONLY PREVIEW--><!--MS:<SharePoint:SPLinkButton runat="server" ForeColor="White" NavigateUrl="~site/">--><!--PS: Start of READ-ONLY PREVIEW (do not modify)--><!--PE: End of READ-ONLY PREVIEW--><!--MS:<SharePoint:ProjectProperty runat="server" Property="Title">--><!--PS: Start of READ-ONLY PREVIEW (do not modify)-->
    <span style="font-size:xx-large">Committees<!--PE: End of READ-ONLY PREVIEW--><!--ME:</SharePoint:ProjectProperty>--><!--PS: Start of READ-ONLY PREVIEW (do not modify)--><!--PE: End of READ-ONLY PREVIEW--><!--ME:</SharePoint:SPLinkButton>--><!--PS: Start of READ-ONLY PREVIEW (do not modify)--><!--PE: End of READ-ONLY PREVIEW--><!--ME:</SharePoint:AjaxDelta>--><!--CE: End Site Title Snippet--></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"><!--CS: Start Top Navigation Snippet--><!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<SharePoint:AjaxDelta runat="server" CssClass="ms-displayInline ms-core-navigation ms-dialogHidden" Width="312px" BlockElement="True" ID="DeltaTopNavigation">--><!--PS: Start of READ-ONLY PREVIEW (do not modify)--><!--PE: End of READ-ONLY PREVIEW--><!--MS:<SharePoint:DelegateControl runat="server" Id="topNavigationDelegate" ControlId="TopNavigationDataSource">--><!--PS: Start of READ-ONLY PREVIEW (do not modify)--><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><!--PE: End of READ-ONLY PREVIEW--><!--MS:<Template_Controls>--><!--MS:<asp:SiteMapDataSource ShowStartingNode="True" SiteMapProvider="SPNavigationProvider" ID="topSiteMap" runat="server" StartingNodeUrl="sid:1002">--><!--ME:</asp:SiteMapDataSource>--><!--ME:</Template_Controls>--><!--ME:</SharePoint:DelegateControl>--><a name="startNavigation"></a><!--MS:<asp:ContentPlaceHolder ID="PlaceHolderTopNavBar" runat="server">--><!--MS:<SharePoint:AspMenu runat="server" UseSeparateCss="false" AdjustForShowStartingNode="False" StaticDisplayLevels="2" AccessKey="1" SkipLinkText="" ItemWrap="True" EnableViewState="False" MaximumDynamicDisplayLevels="0" UseSimpleRendering="True" DataSourceID="topSiteMap" Orientation="Vertical" ID="TopNavigationMenu">--><!--PS: Start of READ-ONLY PREVIEW (do not modify)-->
    <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>
    <!--PE: End of READ-ONLY PREVIEW--><!--ME:</SharePoint:AspMenu>--><!--ME:</asp:ContentPlaceHolder>--><!--PS: Start of READ-ONLY PREVIEW (do not modify)--><!--PE: End of READ-ONLY PREVIEW--><!--ME:</SharePoint:AjaxDelta>--><!--CE: End Top Navigation Snippet-->
    </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"><!--CS: Start Content Editor Snippet--><!--SPM:<%@Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--><!--MS:<WebPartPages:ContentEditorWebPart xmlns:WebPartPages="namespace" runat="server" webpart="true">--><!--PS: Start of READ-ONLY PREVIEW (do not modify)--><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><!--PE: End of READ-ONLY PREVIEW--><!--MS:<WebPart xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.microsoft.com/WebPart/v2">--><!--MS:<Title>--><!--SPM:$Resources:core,ContentEditorWebPartTitle;--><!--ME:</Title>--><!--MS:<FrameType>--><!--SPM:None--><!--ME:</FrameType>--><!--MS:<Description>--><!--SPM:$Resources:core,ContentEditorWebPartDescription;--><!--ME:</Description>--><!--MS:<IsIncluded>--><!--SPM:true--><!--ME:</IsIncluded>--><!--MS:<ZoneID>--><!--SPM:ImportedPartZone--><!--ME:</ZoneID>--><!--MS:<PartOrder>--><!--SPM:0--><!--ME:</PartOrder>--><!--MS:<FrameState>--><!--SPM:Normal--><!--ME:</FrameState>--><!--MS:<Height>--><!--ME:</Height>--><!--MS:<Width>--><!--ME:</Width>--><!--MS:<AllowRemove>--><!--SPM:true--><!--ME:</AllowRemove>--><!--MS:<AllowZoneChange>--><!--SPM:true--><!--ME:</AllowZoneChange>--><!--MS:<AllowMinimize>--><!--SPM:true--><!--ME:</AllowMinimize>--><!--MS:<AllowConnect>--><!--SPM:true--><!--ME:</AllowConnect>--><!--MS:<AllowEdit>--><!--SPM:true--><!--ME:</AllowEdit>--><!--MS:<AllowHide>--><!--SPM:true--><!--ME:</AllowHide>--><!--MS:<IsVisible>--><!--SPM:true--><!--ME:</IsVisible>--><!--MS:<DetailLink>--><!--ME:</DetailLink>--><!--MS:<HelpLink>--><!--ME:</HelpLink>--><!--MS:<HelpMode>--><!--SPM:Modeless--><!--ME:</HelpMode>--><!--MS:<Dir>--><!--SPM:Default--><!--ME:</Dir>--><!--MS:<PartImageSmall>--><!--ME:</PartImageSmall>--><!--MS:<MissingAssembly>--><!--SPM:Cannot import this Web Part.--><!--ME:</MissingAssembly>--><!--MS:<PartImageLarge>--><!--SPM:/_layouts/15/images/mscontl.gif--><!--ME:</PartImageLarge>--><!--MS:<IsIncludedFilter>--><!--ME:</IsIncludedFilter>--><!--MS:<ExportControlledProperties>--><!--SPM:true--><!--ME:</ExportControlledProperties>--><!--MS:<ConnectionID>--><!--SPM:00000000-0000-0000-0000-000000000000--><!--ME:</ConnectionID>--><!--MS:<ID>--><!--SPM:g_4a85e298_8d8c_4770_9fc1_a5f6d6456ec7--><!--ME:</ID>--><!--MS:<ContentLink xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor">--><!--ME:</ContentLink>--><!--MS:<Content xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor">--><!--ME:</Content>--><!--MS:<PartStorage xmlns="http://schemas.microsoft.com/WebPart/v2/ContentEditor">--><!--ME:</PartStorage>--><!--MS:<ID>--><!--SPM:g_90f063ab_d6a1_4718_b306_b3ade5119bd1--><!--ME:</ID>--><!--ME:</WebPart>--><!--ME:</WebPartPages:ContentEditorWebPart>--><!--CE: End Content Editor Snippet--></td>
    </tr>
    </table>
    </div>
    </div>
    </body>
    </html>
    User agent strings for mobile Channel
    Apple-iPhone3C1/1001.403
    Apple-iPhone3C3/1001.403
    Apple-iPhone4C1/1001.403
    Apple-iPhone5C1/1001.405
    Apple-iPhone5C2/1001.405
    Apple-iPhone2C1/1001.523

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

  • Search 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

  • 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 "<!--SPM:<SharePoint:ImageLink
    runat="server"/>-->" 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 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

  • 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

Maybe you are looking for