+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Styling Breadcrumbs

Styling Breadcrumbs

4 posts, 0 answered
  1. viscious
    viscious avatar
    31 posts
    Registered:
    10 Aug 2006
    24 Sep 2007
    Link to this post
    I noticed that the default breadcrumbs, have the style="text-decoration:none" attribute set on the <a> element , and this does not seem to be something that you can overide.  I can specify the css class in the breadcrumbs control properties, and within that class I can set text-decoration:underline, but because you are applying the text-decoration:none to the element directly, I can not overide it.

    this should not happen.
  2. Pepi
    Pepi avatar
    981 posts
    Registered:
    08 Dec 2016
    25 Sep 2007
    Link to this post
    Hi Erick,

    You could set a value for NodeStyle property of the Breadcrumb:
    1. Open property window to edit Breadcrumb
    2. In Styles section click Edit for NodeStyle property
    3. In Appearance section click Edit for Font property
    4. Select True for Underline

    Another solution is to create a new style for the <a> element and mark it with !important declaration.

    Also, you could create your own template for the Breadcrumb node and set its path to NodeTemplateUrl property.

    Hope this helps.

    Sincerely yours,
    Pepi
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. viscious
    viscious avatar
    31 posts
    Registered:
    10 Aug 2006
    25 Sep 2007
    Link to this post
    I am curious how the template url property works.  Can you give me an example?
  4. Pepi
    Pepi avatar
    981 posts
    Registered:
    08 Dec 2016
    26 Sep 2007
    Link to this post
    Hello Erick,

    Sitefinity Breadcrumb control inherits from ASP.NET SiteMapPath and all we do is to override InitializeItem method to handle URL resolving. Also we extended the control to support external templates but the templates are not modified in any way and all the rendering is done by SiteMapPath control. So you should declare your templates as you would do for SiteMapPath. Please see MSDN documentation for SiteMapPath reference. Here is an article that discusses NodeTemplate property of  SiteMapPath control.

    Hope this is helpful.

    Kind regards,
    Pepi
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Register for webinar
4 posts, 0 answered