Wednesday, September 18, 2013

Use custom CSS style sheet in sharepoint 2013

Create Html of master page

Then convert into Design Manager.

after conversion html into master page


after conversion open html file 


Find following code
----
<!--MS:<SharePoint:CssRegistration Name="Themable/corev15.css" runat="server">-->
        <!--ME:</SharePoint:CssRegistration>-->

-----







Then Change URL
-----
        <!--MS:<SharePoint:CssRegistration Name="/_catalogs/masterpage/Gem_Ambulance/css/corev15_update.css" After="corev15.css" runat="server">-->
        <!--ME:</SharePoint:CssRegistration>-->
-----



one more thing you can use both in html like following Code


<!--MS:<SharePoint:CssRegistration Name="Themable/corev15.css" runat="server">-->
        <!--ME:</SharePoint:CssRegistration>-->
        <!--MS:<SharePoint:CssRegistration Name="/_catalogs/masterpage/Gem_Ambulance/css/corev15_update.css" After="corev15.css" runat="server">-->
        <!--ME:</SharePoint:CssRegistration>-->



shahzad_samejo@yahoo.com





Embed Bread Crumb into Custom Master Page sharepoint 2013

Awesome And Easy to embed bread crumb into your custom masterpage..

steps

1) you have convert master page.

2) then open the file  master page example=(myindex.master) into share point designer 2013

2)go to your div where you want to see the bread crumb..

3) click that div and put the following code

-------------------------------------
<h1 id="pageTitle" class="ms-core-pageTitle">
                                   
                                   
                                    <!--SPM:<SharePoint:SPTitleBreadcrumb
                    runat="server"
                    RenderCurrentNodeAsLink="true"
                    SiteMapProvider="SPContentMapProvider"
                CentralAdminSiteMapProvider="SPXmlAdminContentMapProvider">-->
                                    <!--PS: Start of READ-ONLY PREVIEW (do not modify)--><span id="ctl00_DeltaPlaceHolderPageTitleInTitleArea">Home</span><!--PE: End of READ-ONLY PREVIEW-->
                                    <!--SPM:<PATHSEPARATORTEMPLATE>-->
                                    <!--SPM:<SharePoint:ClusteredDirectionalSeparatorArrow runat="server"/>-->
                                    <!--SPM:</PATHSEPARATORTEMPLATE>-->
                                    <!--SPM:</SharePoint:SPTitleBreadcrumb>-->
                                   
                                   
                                    <!--SPM:<SharePoint:AjaxDelta BlockElement="true" id="DeltaPlaceHolderPageDescription" CssClass="ms-displayInlineBlock ms-normalWrap" runat="server">-->
                                    <a href="javascript:;" id="ms-pageDescriptionDiv" style="display:none">
                                        <span id="ms-pageDescriptionImage">
                                        </span>
                                    </a>
                                    <span class="ms-accessible" id="ms-pageDescription">
                                        <!--SPM:<asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server"/>-->
                                    </span>
                                    <!--SPM:<SharePoint:ScriptBlock runat="server">-->
                                    <!--SPM:_spBodyOnLoadFunctionNames.push("setupPageDescriptionCallout");-->
                                    <!--SPM:</SharePoint:ScriptBlock>-->
                                    <!--SPM:</SharePoint:AjaxDelta>-->
                                </h1>
---------------------------------------

4) save and refresh your site and show the bread crumb..




shahzad_samejo@yahoo.com