Adding a bullet image to mini TOC Proxy entries
Adding a bullet image to mini TOC Proxy entries
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
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
Re: Adding a bullet image to mini TOC Proxy entries
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).
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).
Re: Adding a bullet image to mini TOC Proxy entries
Thank you! This does the job.
Arnon
Arnon
Re: Adding a bullet image to mini TOC Proxy entries
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;
}
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;
}
Pam Brechlin
Freelance Technical Writer
http://www.pambrechlin.com
http://www.linkedin.com/in/pambrechlin
Freelance Technical Writer
http://www.pambrechlin.com
http://www.linkedin.com/in/pambrechlin
Re: Adding a bullet image to mini TOC Proxy entries
bump
Pam Brechlin
Freelance Technical Writer
http://www.pambrechlin.com
http://www.linkedin.com/in/pambrechlin
Freelance Technical Writer
http://www.pambrechlin.com
http://www.linkedin.com/in/pambrechlin
Re: Adding a bullet image to mini TOC Proxy entries
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;
}
Re: Adding a bullet image to mini TOC Proxy entries
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:
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:
You do not have the required permissions to view the files attached to this post.
Pam Brechlin
Freelance Technical Writer
http://www.pambrechlin.com
http://www.linkedin.com/in/pambrechlin
Freelance Technical Writer
http://www.pambrechlin.com
http://www.linkedin.com/in/pambrechlin
Re: Adding a bullet image to mini TOC Proxy entries
bump
Pam Brechlin
Freelance Technical Writer
http://www.pambrechlin.com
http://www.linkedin.com/in/pambrechlin
Freelance Technical Writer
http://www.pambrechlin.com
http://www.linkedin.com/in/pambrechlin
-
- 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
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
Re: Adding a bullet image to mini TOC Proxy entries
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,
I have to say that I've queried this with MadCap and they say not, but there are some clever people out there...
Thanks,
Re: Adding a bullet image to mini TOC Proxy entries
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:
Is it possible to hide the numbering from the section titles in the mini-TOC?
Have tried this to no avail:
Code: Select all
p.MiniTOC1, p.MiniTOC2, p.MiniTOC3 {
mc-auto-number-format: '\25a0 ';
}
Re: Adding a bullet image to mini TOC Proxy entries
Took me a couple of years, but here's a hack for this.
Just wrap your proxy in that div tag.
Code: Select all
div.Introduction td:nth-child(odd):before {
content: "\25BA ";
font-size: 1.5em;
line-height: -0.75em;
}