Breadcrumb Prefix Text

This forum is for all Flare issues not related to any of the other categories.
Post Reply
StormCloud79
Propeller Head
Posts: 28
Joined: Mon Feb 15, 2021 5:11 am

Breadcrumb Prefix Text

Post by StormCloud79 »

Hi

Is there anyway to replace the prefix text to use an icon instead of text?

Thanks
zappy0
Propeller Head
Posts: 54
Joined: Fri Mar 25, 2016 2:19 pm

Re: Breadcrumb Prefix Text

Post by zappy0 »

I was able to do this in HTML side nav output by modifying properties of the MadCap|breadcrumbsProxy in the CSS. You can specify the image as a background and set the prefix text to blank. You will need to indent the text beyond the image width. If you go with an image that is taller than the text height you may need to add some properties so it displays properly. The image is located in the same directory as the CSS.

MadCap|breadcrumbsProxy
{
mc-breadcrumbs-prefix: " ";
text-indent: 18px;
background-image: url('note_icon.svg');
background-size: 14px 14px;
background-repeat: no-repeat;
}

I manually edit my CSS but this can also be done through the Flare interface. Refer to https://help.madcapsoftware.com/flare20 ... crumbs.htm
StormCloud79
Propeller Head
Posts: 28
Joined: Mon Feb 15, 2021 5:11 am

Re: Breadcrumb Prefix Text

Post by StormCloud79 »

Zappy0 thank you that worked perfectly, I appreciate you taking the time to help here.
Post Reply