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

Similar Messages

Megamenu for Sharepoint 2013

Hi,
I would like to construct a 2 level megamenu for sharepoint 2013 on a page, using out of the box features along with scripts, but not visual studio at all. Is it possible ? Can any one please help me, if they have prior experience in this.
Many thanks for your response !
Regards

Hi Prajik
This can be done using Out of the Box Navigation and with little tweaking in Jquery
http://www.nothingbutsharepoint.com/2013/03/19/how-to-achieve-a-mega-menu-using-out-of-the-box-navigation-in-sharepoint-2013-and-jquery-aspx/
If you don't want to use out of the box navigation then you can insert megamenu html into your custom master page
http://blog.sharepointexperience.com/2013/05/mega-menu-for-sharepoint-part-1/
Please mark it as answer if it helps you solving your problem
Amit Kotha

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 go generate Popularity Trends report for a custom list in SharePoint 2013

Hi,
I want to generate Popularity Trends report for a custom list in SharePoint 2013, is it possible?
Thanks
khadar pasha

According to
this link you should be able to access this option from the Items tab. for this to work, the Analytics Processing Component needs to be running.
Steven Andrews
SharePoint Business Analyst: LiveNation Entertainment
Blog: baron72.wordpress.com
Twitter: Follow @backpackerd00d
My Wiki Articles:
CodePlex Corner Series
Please remember to mark your question as "answered" if this solves (or helps) your problem.

Custom list in Sharepoint 2013 for training booking purpose

Kindly note that I am trying to do custom list in Sharepoint 2013 for training booking purpose
As below :
The user should enter the user name - it works fine
The user should select the data from the choice list
The requirement is , I need to limit in each day of the training 20 seats (20 booking only) only
Can you advise how to do so.
[email protected]
Basil

check below post and video on how to build the event receivers
http://www.sharepointpals.com/post/How-to-create-a-custom-list-level-event-receiver-in-SharePoint-2013-and-SharePoint-2010
https://www.youtube.com/watch?v=wZf2xvEM5Io
My Blog- http://www.sharepoint-journey.com|
If a post answers your question, please click Mark As Answer on that post and Vote as Helpful

How to configure service endpoints of custom webservice in SharePoint 2013?

Hi,
I have created a custom webservice in SharePoint 2013. I placed it in a sub folder under the ISAPI folder. I followed the instructions of this article: http://msdn.microsoft.com/en-us/library/office/ff521581(v=office.14).aspx. The webservice works
great, however when I try to send a large file I get the message "413 Request entity is too large".
After some searching I found out that you can create a web.config in the subfolder and define the endpoints and bindings, after which I get an error that there is already an endpoint defined for the specified URI. I believe this has something to do with
the BasicHttpBindingServiceMetadataExchangeEndpointAttribute but I'm not sure.
Can anyone help me solve this issue?
Regards,
Sander

Hi,
According to your post, my understanding is that you want to configure service endpoints of custom webservice in SharePoint 2013.
Per my knowleadge, after you add a reference to Microsoft.SharePoint.Client.ServerRuntime, you can use the BasicHttpBindingServiceMetadataExchangeEndpointAttribute.
In VS go to the add reference and paste the following: C:\Windows\assembly\GAC_MSIL\Microsoft.SharePoint.Client.ServerRuntime.
In addition, please make sure you create the custom web service correctly.
For more information, you can refer to:
SharePoint 2013: Create a Custom WCF REST Service Hosted in SharePoint and Deployed
in a WSP
How to create Custom Web Service WCF (REST) in SharePoint 2013
Adding custom WCF services to a SharePoint 2013 farm solution using Visual Studio 2012
"BasicHttpBindingServiceMetadataExchangeEndpointAttribute" could not be found
Best Regards,
Linda Li
Linda Li
TechNet Community Support

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]

Reading values from lookup columns through custom workflow in SharePoint 2013

We are able to read the values of text, number columns through custom workflow (via coding) in SharePoint 2013. However, we are not able to read values from lookup columns. So, request anyone to provide help on this.
Thanks & regards,
Aditya

Hi,
According to your post, my understanding is that you want to read values from lookup columns through custom workflow in SharePoint 2013.
Since the workflow just doesn't get lookup fields, let's give it something static to work with instead. If we can capture the ID of the lookup field and store that as a static value in our list, the workflow can happily use that to look up our related.
For more information, you can refer to:
SharePoint 2013 Workflows and Lookup Columns
Thanks,
Linda Li
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Linda Li
TechNet Community Support

Custom sendemail in sharepoint 2013 designer workflow using dictionary object with email template from list

I am looking for custom sendemail in sharepoint 2013 designer workflow using dictionary object with email template from list
MCTS Sharepoint 2010, MCAD dotnet, MCPDEA, SharePoint Lead

Hi Greetings.
pls check if it helps you.
http://msdn.microsoft.com/en-us/library/office/jj554504(v=office.15).aspx
Please remember to click 'Mark as Answer' on the answer if it helps you

Sharepoint 2013 webDAV PROPPATCH fails with status code 409 error every time when trying to set custom property.

Sharepoint 2013 webDAV PROPPATCH fails with status code 409 error every time, when trying to set custom property.
anyone have any idea

Hi
Stumbled upon the resolution myself. The Bean Area item needs to be set to Visible=Yes in the property palette for the bean within Forms Builder, and also the implementation class also in the bean's properties must match exactly the package & class name specified in the PJC (my full implementation class string had to be set to oracle.forms.demos.runApplication).
As this bean has no user interface component, and since the Visible property has to be set to Yes, to avoid having a random square shape for the bean sitting on the form's canvas, I also set the Width and Height properties for the bean to 0.001. This does show a very small dot on the form, but that will be acceptable.
So in summary there has been a change for PJC / Bean Areas between 6i and 10g Forms, in 6i you could have the Bean Item to be set Visible=No, and the SET_CUSTOM_ PROPERTY built-in would work, however in 10g Forms the Bean Item must be set to Visible=Yes for the SET_CUSTOM_PROPERTY built-in to work.
Daryl

Breadcrumb in SharePoint 2013

Hi,
I'm trying to customize the SharePoint breadcrumb. There are three types of pages in SharePoint (layouts, publishing & forms) which uses SPXmlContentMapProvider, CurrentNavSiteMapProviderNoEncode
& SPContentMapProvider sitemap providers respectively. I followed the link http://www.sharepointblues.com/2010/02/08/a-single-breadcrumb-for-all-sharepoint-pages/ wherein
I created a custom user control and added that in master page by registering it as follows :-

<div>





</div>
The issue I'm facing is : I'm getting arrow(PathSeparator) in forms pages but no arrow in layouts pages like settings.aspx or viewlsts.aspx etc..In code also , I used provider.pathseparator property but no success :(..
Vipul Jain

Hi Ashok,
According to your description, my understanding is that you want to restore breadcrumb in SharePoint 2013.
It is not necessary for you to use Visaul Studio 2012. There is an easy way to achieve it, you only need to change the master page with SharePoint Designer 2013. Open the master page with SharePoint Designer 2013, then search for the term “GlobalBreadCrumbNavPopout”
or “ms-breadcrumb-dropdownBox”, change the visible attribute to “true” and remove the tag style=”display:none;”.
Of course, you can also achieve it from code, I recommand using an AdditionalPageHead delegate control
More information, please refer to the links:
http://sharepointwithme.wordpress.com/2013/05/29/breadcrumb-in-sharepoint-2013-where-is-it/
http://www.sharepointjohn.com/sharepoint-2013-restore-breadcrumb-navigate-up-navigation/
I hope this helps.
Thanks,
Wendy
Wendy Li
TechNet Community Support

Which one is your preferred workflow solution for SharePoint 2013

Which workflow solution will you prefer for SharePoint 2013.
1) SharePoint 2013 Designer Workflows
2) Custom Workflows using Visual Studio7
3) OOB Workflows2
4) Nintex 2013 Workflows21
5) K2 Workflows for SharePoint
I need your opinion on above choices.
Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer :)

Check below:
http://sangameh-sp2013.blogspot.in/2013/02/state-machine-workflow-in-sharepoint.html
http://www.concurrency.com/blog/workflow-changes-in-sharepoint-designer-2013/

How to hide libraries from breadcrumb in SharePoint 2013?

Hi,
How to hide libraries from breadcrumb in SharePoint 2013? just we want to display parent and least node like below,
Home Site > Test page
not like,
Home Site > Pages > Test page
Please help us to resolve this.
Thanks., Prakash

hi
OTB breadcrumb have many problems, e.g. it doesn't work properly also with friendly urls. The simplest way is to create custom breadcrumb, e.g. as shown here:
Building breadcrumbs the way you want it in SharePoint 2010.
Blog - http://sadomovalex.blogspot.com
Dynamic CAML queries via C# - http://camlex.codeplex.com

Autocomplete is not working for Sharepoint 2013 search box.

I added the below code in cewp in sharepoint 2010 and autocomplete worked fine.
http://sharesilver.wordpress.com/2011/11/26/auto-suggestioncomplete-in-sharepoint-search-text-box-with-jquery-like-in-google-part-1/#comment-605
when i added this code in sharepoint 2013 by changing the searchbox class name in the code. it is not working. why ??
Sharepoint 2010 searchbox class name ="ms-sbplain"
what is Sharepoint 2013 searchbox class name ?? i added "ms-textLarge" as class name but it didn't work.
Thanks in advance.
M.M

Hi M.M,
The class for SharePoint 2013 Search box input element is as follow, please check if it is what you want.
class="ms-textLarge ms-srch-sbLarge-fullWidth ms-srch-sb-prompt ms-helperText"
The project code you are using is updated in codeplex, and the query suggestions (similar to this autocomplete) is an OOB feature in SharePoint 2013 enterprise verison, you can take a look.
http://spautosuggestion.codeplex.com/
http://technet.microsoft.com/en-us/library/jj721441.aspx
Thanks
Daniel Yang
TechNet Community Support

SQL 2012 AlwaysON High Availability for SharePoint 2013

Our Company have 2 Webfront Servers for Sharepoint 2013 and one Database SQL 2012 Server.
We got one more Server & we don't have Storage so need to configure Always On.
There are Some Confusions:
1- Database Server is in production, so how much down time required to Achieve the AlwaysOn?
2- What are the Changes need to be done on Production Server?
3- What are the Steps to be followed While Configuring new Database Server?
Regards,

Hi Genius1985,
According to your description, you want to configure a SQL Server 2012 AlwaysOn Availability Group for your database, right?
Question 1: Database Server is in production, so how much down time required to achieve the AlwaysOn?
There is no a certain downtime for AlwaysOn, it depends on the configuration of our AlwaysOn Availability Group, normally it can be several seconds or minutes. In order to understand why there is downtime for SQL Server with Microsoft Clustering, please refer
to the following article:
http://www.mssqltips.com/sqlservertip/1882/understanding-why-there-is-still-downtime-for-sql-server-with-microsoft-clustering/
Question 2 and 3: What are the Changes need to be done on Production Server? What are the Steps to be followed While Configuring new Database Server?
Since AlwaysOn Availability Groups require a Windows Server Failover Cluster, we first need to add the Windows Failover Cluster Feature to all the machines running the SQL Server instances that we will configure as replicas.
Once the Windows Server Failover Cluster has been created, we need to proceed with enabling the AlwaysOn Availability Groups feature in SQL Server 2012. This needs to be done on all of the SQL Server instances that we will configure as replicas in our
Availability Group.
For more details about Step-By-Step: Creating a SQL Server 2012 AlwaysOn Availability Group, please refer to the following article:
http://blogs.technet.com/b/canitpro/archive/2013/08/20/step-by-step-creating-a-sql-server-2012-alwayson-availability-group.aspx
If you have any question, please feel free to let me know.
Regards,
Jerry Li

Adding Custom Breadcrumb for SharePoint 2013 Custom Master-Page With A Custom Separator.

Similar Messages

Maybe you are looking for