Showing posts with label breadcrumb in Sharepoint. Show all posts
Showing posts with label breadcrumb in Sharepoint. Show all posts

Tuesday, December 20, 2016

Which is the Front-end technologies for SharePoint Framework development?

Microsoft has clearly mentioned in their key notes, they are building the framework and it is related samples using KnockoutJs and ReactJs with Typescript. Since it is an open-source based development model, choosing the framework/technologies are completely our choices, based on our knowledge and requirements. Here I have listed out a few front-end technologies.
  1. Angular 1.x - https://angularjs.org/
  2. Angular 2 - https://angular.io/
  3. ReactJs - https://facebook.github.io/react/
  4. KnockoutJs - http://knockoutjs.com/
  5. Ember.Js - http://emberjs.com/
  6. Backbone.Js - http://backbonejs.org/
  7. Aurelia.io - http://aurelia.io/

Tuesday, October 27, 2015

BreadCrumb in SharePoint

<script>
$(document).ready(function (){

 var _welcomemenu =  $("a[title='Open Menu']")
        .clone()    //clone the element
        .children() //select all the children
        .remove()   //remove all the children
        .end()  //again go back to selected element
        .text();    //get the text of element
      var _newwelcomemenu = _welcomemenu.split(',')[1]  +" " + _welcomemenu.split(',')[0]; //swipe first and last name

       $("a[title='Open Menu']").text( "Welcome " + _newwelcomemenu); // Add friendly text

});
</script>

Tuesday, April 28, 2015

How to adding breadcrumbs to SharePoint 2013 Document path

Step 1:Replace to code in Master page (page-title) <h1 id="pageContentTitle" class="ms-belltown-pageName ms-noWrap ms-dialogHidden" style="display:none"> <SharePoint:AjaxDelta id="DeltaPlaceHolderPageTitleInTitleArea" runat="server"> <asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server"> <SharePoint:SPTitleBreadcrumb runat="server" RenderCurrentNodeAsLink="true" SiteMapProvider="SPContentMapProvider" WelcomePageUsesWebTitle="false"> <PATHSEPARATORTEMPLATE> <SharePoint:ClusteredDirectionalSeparatorArrow runat="server" /> </PATHSEPARATORTEMPLATE> </SharePoint:SPTitleBreadcrumb> </asp:ContentPlaceHolder> </SharePoint:AjaxDelta> </h1> <h1> <asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server"> <asp:SiteMapPath ID="SiteMapPath1" runat="server" SiteMapProvider="SPContentMapProvider" RenderCurrentNodeAsLink="false" NodeStyle-CssClass="breadcrumbNode" CurrentNodeStyle-CssClass="breadcrumbCurrentNode" RootNodeStyle-CssClass="breadcrumbRootNode" SkipLinkText="" /> </asp:ContentPlaceHolder> </h1> Step 2 Replace this code <h1 id="pageTitle" class="ms-core-pageTitle" style="display:none"> <SharePoint:AjaxDelta id="DeltaPlaceHolderPageTitleInTitleArea" runat="server"> <asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server"> <SharePoint:SPTitleBreadcrumb runat="server" RenderCurrentNodeAsLink="true" SiteMapProvider="SPContentMapProvider" CentralAdminSiteMapProvider="SPXmlAdminContentMapProvider"> <PATHSEPARATORTEMPLATE> <SharePoint:ClusteredDirectionalSeparatorArrow runat="server" /> </PATHSEPARATORTEMPLATE> </SharePoint:SPTitleBreadcrumb> </asp:ContentPlaceHolder> </SharePoint:AjaxDelta> <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">&#160;</span> </a> <span class="ms-accessible" id="ms-pageDescription"> <asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server" /> </span> <SharePoint:ScriptBlock runat="server"> _spBodyOnLoadFunctionNames.push("setupPageDescriptionCallout"); </SharePoint:ScriptBlock> </SharePoint:AjaxDelta> </h1> <h1> <asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server"> <asp:SiteMapPath ID="SiteMapPath1" runat="server" SiteMapProvider="SPContentMapProvider" RenderCurrentNodeAsLink="false" NodeStyle-CssClass="breadcrumbNode" CurrentNodeStyle-CssClass="breadcrumbCurrentNode" RootNodeStyle-CssClass="breadcrumbRootNode" SkipLinkText="" /> </asp:ContentPlaceHolder> </h1>