Styling breadcrumbsProxy: MCBreadcrumbsPrefix

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
juliamarie611
Jr. Propeller Head
Posts: 7
Joined: Tue Jul 19, 2022 8:33 am

Styling breadcrumbsProxy: MCBreadcrumbsPrefix

Post by juliamarie611 »

Hi, there,

How do you add a link to the MCBreadcrumbsPrefix?

I'd like our user to be able to click the Home prefix and have it open the homepage for our site.

Thanks so much!
Julia
You do not have the required permissions to view the files attached to this post.
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: Styling breadcrumbsProxy: MCBreadcrumbsPrefix

Post by NorthEast »

The breadcrumbs will only display a link if that item in the TOC is linked to a topic. So "Home" in your TOC needs to be linked to a topic.
juliamarie611
Jr. Propeller Head
Posts: 7
Joined: Tue Jul 19, 2022 8:33 am

Re: Styling breadcrumbsProxy: MCBreadcrumbsPrefix

Post by juliamarie611 »

Hi, Dave,
I appreciate your suggestion, but it isn't a working solution.

Home is the name I've given to the MCBreadcrumbsPrefix. I'd like the ability to make the prefix a clickable link that takes the user back to our Home.htm page.

I've attached another image showing the .css in the MainStyles.css file:
MCBreadcrumbsPrefix2.png
Thanks so much,
Jules
You do not have the required permissions to view the files attached to this post.
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: Styling breadcrumbsProxy: MCBreadcrumbsPrefix

Post by NorthEast »

You're trying to style the prefix to include a fake "Home" element in the breadcrumbs/TOC, but you could that by just adding "Home" to the top level of your TOC so it's a real breadcrumb.
So it is a working solution - but presumably you don't want "Home" in your TOC?

You can't get Flare to add a link to the breadcrumbs prefix, so you're going to have to do something more hacky to insert the link.
The easiest solution I can think of is just to include the "Home" link on your template page, so it appears directly in front of the breadcrumbs proxy.

Code: Select all

<div>
	<div style="float: left;"><a href="#">LINK</a> > </div>
	<div><MadCap:breadcrumbsProxy /></div>
</div>
Post Reply