minitoc proxy not using styles

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
pdenchfield
Propellus Maximus
Posts: 574
Joined: Tue Oct 03, 2006 7:56 am
Location: Seattle, WA
Contact:

minitoc proxy not using styles

Post by pdenchfield »

Flare 10, Windows 7. Please see my post here:
http://forums.madcapsoftware.com/viewto ... =15#p98793
techwriter31
Propellus Maximus
Posts: 551
Joined: Wed Mar 05, 2008 10:50 am

Re: minitoc proxy not using styles

Post by techwriter31 »

I believe part of the problem is that in the generated output, the Mini-TOC styles have an "_x" appended to them. In your style sheet, you'll need to specify them without the underscore and number. This is how I've defined them for our HTML5 medium in the style sheet. (I have them all styled the same for this particular output, so I clumped them together. I also don't use underlining or bolding and use an image that matches our TOC "topic" icons.)

Code: Select all

MadCap|miniTocProxy
{
	margin-top: 20px;
	padding-top: 0px;
	border-top-color: #000000;
}

p.MiniTOC1,
p.MiniTOC2,
p.MiniTOC3,
p.MiniTOC4,
p.MiniTOC5,
p.MiniTOC6
{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #004b7d;
	background-image: url('../../Images/TOC_grayarrow.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}
I also include the following definitions because when hovering, I want the underline to display and when the link has been visited, I want a slightly different color hyperlink.

Code: Select all

a.MiniTOC1:hover,
a.MiniTOC2:hover,
a.MiniTOC3:hover,
a.MiniTOC4:hover,
a.MiniTOC5:hover,
a.MiniTOC6:hover
{
	color: #4a6476;
	text-decoration: underline;
}

a.MiniTOC1:visited,
a.MiniTOC2:visited,
a.MiniTOC3:visited,
a.MiniTOC4:visited,
a.MiniTOC5:visited,
a.MiniTOC6:visited
{
	color: #660099;
}
Kellie
pdenchfield
Propellus Maximus
Posts: 574
Joined: Tue Oct 03, 2006 7:56 am
Location: Seattle, WA
Contact:

Re: minitoc proxy not using styles

Post by pdenchfield »

Thank you, Kellie! That did it. :-)
Jess77
Sr. Propeller Head
Posts: 154
Joined: Thu May 01, 2014 3:19 pm
Location: Florida
Contact:

Re: minitoc proxy not using styles

Post by Jess77 »

This post was very helpful. Is there a way to have the mini-TOC say something like, "See also" or "Related Topics"?
Jessica N.
Certified MadCap Advanced Developer for Flare
NorthEast
Master Propellus Maximus
Posts: 6426
Joined: Mon Mar 05, 2007 8:33 am

Re: minitoc proxy not using styles

Post by NorthEast »

Jess77 wrote:This post was very helpful. Is there a way to have the mini-TOC say something like, "See also" or "Related Topics"?
Yes, you can use an autonumber format to add a title, see this example:

Code: Select all

MadCap|miniTocProxy
{
   mc-auto-number-format: 'See also';
   mc-auto-number-class: miniTocBoxTitle;
}

div.MCMiniTocBox,
div.MCMiniTocBox_0
{
   mc-auto-number-format: 'See also';
   mc-auto-number-class: miniTocBoxTitle;
}

span.miniTocBoxTitle
{
   font-weight: bold;
}
There's a bug in Flare which will ignore the autonumber format for miniTocProxy in the output (it will look ok in the editor), so to get round this the autonumber format is added again for the styles that Flare will use in the output (the two div.MCMiniTocBox styles).

span.miniTocBoxTitle controls the formatting for the heading (this is referenced as the mc-auto-number-class).
Jess77
Sr. Propeller Head
Posts: 154
Joined: Thu May 01, 2014 3:19 pm
Location: Florida
Contact:

Re: minitoc proxy not using styles

Post by Jess77 »

Thanks Dave! That is great to know!
Jessica N.
Certified MadCap Advanced Developer for Flare
Post Reply