Adding a bullet image to mini TOC Proxy entries

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
arnonbo
Propeller Head
Posts: 16
Joined: Sat Feb 11, 2012 8:58 am

Adding a bullet image to mini TOC Proxy entries

Post by arnonbo »

All,

I have included a min TOC proxy in my masterpages for webhelp output. I would like each entry in the generated mini TOC to have a bullet image in front of it. How can this be done? I have not been able to locate the required property in the style definition.

Thanks for your help.

Arnon
NorthEast
Master Propellus Maximus
Posts: 6363
Joined: Mon Mar 05, 2007 8:33 am

Re: Adding a bullet image to mini TOC Proxy entries

Post by NorthEast »

To style the items in the miniTOC, use the classes p.MiniTOC1, p.MiniTOC2, etc. (for different levels).
It's in the help here:
http://webhelp.madcapsoftware.com/flare ... iniTOC.htm

To include an image, you could set it as a background image on the p.MiniTOC style (and include some padding to indent the text).

Alternatively, to display items with a regular bullet, set the display property to list-item (instead of block).
arnonbo
Propeller Head
Posts: 16
Joined: Sat Feb 11, 2012 8:58 am

Re: Adding a bullet image to mini TOC Proxy entries

Post by arnonbo »

Thank you! This does the job.

Arnon
Pamb10
Sr. Propeller Head
Posts: 126
Joined: Wed Feb 01, 2006 2:08 pm
Location: Florida
Contact:

Re: Adding a bullet image to mini TOC Proxy entries

Post by Pamb10 »

I am trying to make my mini-toc's a bulleted list but it does not seem to be working for me as described here.

Here are my mini-toc style settings. Any ideas on how to make this work?

MadCap|miniTocProxy
{
border-top-style: none;
padding-top: 0px;
color: #0078b6;
mc-toc-depth: 2;
display: list-item;
text-align: left;
}

p.MiniTOC1,
p.MiniTOC2
{
mc-pagenum-display: none;
}
Pamb10
Sr. Propeller Head
Posts: 126
Joined: Wed Feb 01, 2006 2:08 pm
Location: Florida
Contact:

Re: Adding a bullet image to mini TOC Proxy entries

Post by Pamb10 »

bump
NorthEast
Master Propellus Maximus
Posts: 6363
Joined: Mon Mar 05, 2007 8:33 am

Re: Adding a bullet image to mini TOC Proxy entries

Post by NorthEast »

It looks like Flare hard-codes the p.MiniTOC display to block, so to change them to a list-item use:

Code: Select all

p.MiniTOC1,
p.MiniTOC1_0,
p.MiniTOC2,
p.MiniTOC2_0
{
	display: list-item !important;
	list-style-type: disc;
}
Pamb10
Sr. Propeller Head
Posts: 126
Joined: Wed Feb 01, 2006 2:08 pm
Location: Florida
Contact:

Re: Adding a bullet image to mini TOC Proxy entries

Post by Pamb10 »

ok well making progress. I want each line in the mini-toc to be bulleted.

here is my css:

MadCap|miniTocProxy
{
border-top-style: none;
padding-top: 0px;
color: #0078b6;
mc-toc-depth: 2;
display: list-item;
list-style-type: disc;
text-align: left;
}

p.MiniTOC1,
p.MiniTOC1_0,
p.MiniTOC2,
p.MiniTOC2_0
{
mc-pagenum-display: none;
display: list-item !important;
list-style-type: disc;


here is what the output looks like now:
mini-toc.png
You do not have the required permissions to view the files attached to this post.
Pamb10
Sr. Propeller Head
Posts: 126
Joined: Wed Feb 01, 2006 2:08 pm
Location: Florida
Contact:

Re: Adding a bullet image to mini TOC Proxy entries

Post by Pamb10 »

bump
kwag_myers
Propellus Maximus
Posts: 810
Joined: Wed Jul 25, 2012 11:36 am
Location: Ann Arbor, MI

Re: Adding a bullet image to mini TOC Proxy entries

Post by kwag_myers »

I was able to get this to work, but I only changed the p.MiniTOC1 properties. Try removing the display: list-item and list-style-type: disc properties from the miniTocProxy. Here's what my CSS looks like:

Code: Select all

p.MiniTOC1
{
	color: #0000ff;
	font-weight: normal;
	text-decoration: underline;
	display: list-item;
	list-style-type: disc;
}

MadCap|miniTocProxy
{
	color: #0000ff;
}
"I'm tryin' to think, but nothin' happens!" - Curly Joe Howard
Spectre
Sr. Propeller Head
Posts: 128
Joined: Tue Jun 17, 2008 5:50 am

Re: Adding a bullet image to mini TOC Proxy entries

Post by Spectre »

I've been trying to get this to work and failing, before realising that the solution was for webhelp and not print output. Does anyone know whether you can add bullets to a minitoc proxy for print output?

I have to say that I've queried this with MadCap and they say not, but there are some clever people out there...

Thanks,
myronr
Jr. Propeller Head
Posts: 2
Joined: Wed Aug 29, 2018 7:17 pm

Re: Adding a bullet image to mini TOC Proxy entries

Post by myronr »

Apologies in advance for dredging up an old thread, but I've been trying to get this to work for print as well.

Have tried this to no avail:

Code: Select all

p.MiniTOC1, p.MiniTOC2, p.MiniTOC3 {
	mc-auto-number-format: '\25a0 ';
}
Is it possible to hide the numbering from the section titles in the mini-TOC?
myronr
Jr. Propeller Head
Posts: 2
Joined: Wed Aug 29, 2018 7:17 pm

Re: Adding a bullet image to mini TOC Proxy entries

Post by myronr »

Took me a couple of years, but here's a hack for this.

Code: Select all

div.Introduction td:nth-child(odd):before {
	content: "\25BA ";
	font-size: 1.5em;
	line-height: -0.75em;
}
Just wrap your proxy in that div tag.
Post Reply