Take the 2-minute tour ×
SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. It's 100% free, no registration required.

I'm trying to change the separate arrow image.

See here: http://i50.tinypic.com/fnu6tt.png

Currently what is putting this image there is:

   <SharePoint:ClusteredDirectionalSeparatorArrow runat="server" />

What I need to know is how can I override this so that instead of using the default arrow, it will use an image that I specify.

All I've been able to find so far tells me to just hide this and put the image I want as the background, but I would rather be able to override the control, as can be done with the smallsearchinputbox to change the icon for the search.

If anyone has any information about this or is able to point me in the right direction it would be greatly appreciated.

share|improve this question
add comment

2 Answers

up vote 1 down vote accepted

It is possible to create your own path seperator.

Follow this blog - Improving Navigation in SharePoint 2010 — Part 1

In the PathSeparatorTemplate insert your own seperator or seperator control.

Hope this helps :)

share|improve this answer
add comment

You could use plain CSS to solve this I think, like this:

.s4-titlesep img {
  display: none;
}
.s4-titlesep {
  background-image: url(http://goo.gl/jHKdF);
  background-size: 11px 11px;
  background-repeat: no-repeat;
}
share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.