doc_guy wrote:Dave, I LOVE your output. That looks AWESOME. Does it work in all browsers? Is the MINI-TOC in a DIV? Do you do printed output, and how does it look in printed output (PDF)?
doc_guy wrote:How did you get a custom topic to appear when a search was done?
doc_guy wrote:So that topic doesn't shop up if users click the "Search" accordion bar? Only if they click a search link that you've set up with CSH?
The background image is set in a master page, using a body class. The master page contains a div tag (set to be semi-transparent), and this div contains the topic body. Then I just set any 'special' topics to use this master page.
1. Copy and paste these styles into your stylesheet.
- Code: Select all
html.startPage
{
mc-master-page: url('../MasterPages/Start.flmsp');
}
body.startPage
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-image: url('../Images/StartBackground.png');
background-position: left bottom;
background-repeat: no-repeat;
background-attachment: fixed;
}
div.startPage
{
background-color: #ffffff;
filter: alpha(opacity=95);
opacity: 0.95;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-color: #c0c0c0;
border-width: 1px;
border-style: solid;
width: 85%;
margin-left: 5%;
margin-top: 5%;
margin-right: 5%;
}
Lucia wrote:where exactly do you mean to paste this code?
Richard Ferrell wrote:Palo Alto Software
Check out another Great Examples of Flare in Action at
http://www.hurdlebook.com/
Thanks to Sara@PAS
pdxwordsmith wrote:I'm interested in how to accomplish the Next Topic/Previous Topic in this example. Anyone?Richard Ferrell wrote:Palo Alto Software
Check out another Great Examples of Flare in Action at
http://www.hurdlebook.com/
Thanks to Sara@PAS
<table style="margin-left: auto; margin-right: 0;">
<tbody>
<tr MadCap:conditions="dto_conditions.Admin">
<td><a href="../1_Administrator/vbseo.htm"><img src="../Resources/Images/Previous_Page_button.png" /></a>
</td>
<td><a href="bbcode.htm"><img src="../Resources/Images/Next_Page_button.png" /></a>
</td>
</tr>
</tbody>
</table>
nfberg wrote:I tried going the snippet route with the table and found that I could not create the unique links each button requires.
Dave Lee wrote:doc_guy wrote:Dave, I LOVE your output. That looks AWESOME. Does it work in all browsers? Is the MINI-TOC in a DIV? Do you do printed output, and how does it look in printed output (PDF)?
Yep, it works in all browsers. The miniTOC isn't in a div, I just set all the styles in MadCap|miniTocProxy - that sets the border, background, floats it on the right, and the "In this section text" and icon is added using an autonumber format (and class). The topic icons next to the links are set using in the p.MiniTOC1 style.
I use a div for the "See also" box underneath, which is in the topic itself. It uses the same styles, and again the heading and icon are put in using an autonumber format.
It should work in print, but Flare has a few issues with the float right property (it seems to effect other styles on the page to the left of the box, like list numbers not displaying). So in practice I can't use the float property in print, which is a bit annoying.
giri2010 wrote:Dave, I am new to Flare (started off with version 6) and was going through the forum when I found this excellent piece. I am unable to add the "In this section text" - should this be part of the autonumber format in MadCap|miniTocProxy? If so I don't see it in the output. Or do I need to create an autoformat class? I don't have any HTML knowledege so would appreciate it if you can share the code (and steps) I would need to get the "In this section" part.
Thanks!
Giri
div.MCMiniTocBox
{
mc-auto-number-format: 'In this section';
}
stephencavers wrote:This is my first web help site built using Flare 6. It's pretty vanilla-flavoured but it all works, as far as I know. There is also a toolbar link to a PDF version of the same guide, which also generated using Flare.
http://www.sparkintegration.com/systembuildermanual/
Overall, I'm pretty pleased with Flare.