MadCap Software Forums

There's nothing in CSS to look forwards like that.

If you're using web targets, then it's not hard using a script, e.g. this jquery adds a wotsit class to p.thing's that are previous to a p.squirrel:
$( "p.squirrel" ).prev( "p.thing" ).addClass("wotsit");

And in your CSS:
p.thing.wotsit ...

you can add some space before the number using the page number width setting for each pTOC style Properties > Leader > Page Number Width in the simplified view. There's probably a more elegant way to do it...

I only have 2 TOC levels, so this is pretty easy, but I never would have found it. Thank ...

I've used complex selectors to change the appearance of an element based on its parent, or what comes before it. For example, I might tell p.squirrel to be yellow if it comes after a p.thing:

p.thing + p.squirrel
{
color: yellow
}

What I wish I could do is change the appearance of an element based ...

Hi everyone! I am working with a Flare project that was set up by someone not familiar with Flare (and I am only somewhat experienced myself) and I am trying to figure out why the first H1 on a page wraps before it needs to. As a test I put a second one on the page and it goes the full length of ...

This may depend on how much time you have and the size of the project. You'll probably get better results if you design your stylesheet in Flare, then map the Framemaker styles to that, but don't expect to do it quickly if you're new at this.

I handled my numbered lists by initially converting the ...

Does anyone know how to increase the space between the text of the TOC entry and the page number? I'm finding they run into each other when the titles get long, and I don't like it, but none of the stylesheet properties I've tried will change it.

This is PDF output I'm trying to wrestle into shape ...

There doesn't appear to be anything wrong with your style, so I pasted your div style into a sample project CSS and tried it. The text wraps, both in the PDF and the HTML5 output. So whatever the trouble is, I don't think it's in that style that you pasted in your post.

Is everything else wrapping ...

Here's my anecdotal info, for what it's worth: The conversion took me about 5 months, though this was not a full time effort for most of that time and I was a complete newbie when I began. The work included:

Learning about HTML5 and CSS (which are what's under the hood in Flare).
Taking an ...

Why would an image that displays perfectly in PDF output show up as too large in WebHelp output?

I configured its size using Snagit.

Addendum: The image displays perfectly in HTML5. WebHelp is the problem. Also, image displays too large in both Firefox and Chrome.

Any ideas?

I see this kind ...

Have you added the topics to your table of contents?

The first place I'd look if I had that issue would be the table style, to check the page break and widows/orphans settings. What do you have there? (While viewing the table style, click Print Options button on the General tab to see them.)

I take it you don't want the text of the note bumping right up against the menu? Does your paragraph style have a right margin? Does your menu object have a left margin? (I think you'd set the menu margin in the skin editor.)

I don't think this will work as you want it to.

The mc-help-control-display property is a static setting, in that it affects how the control is actually built in the output, rather than being generated on-the-fly when viewed in a browser (and therefore won't respond to changes in medium). If you ...

I noticed that Flare's concept link popups (well, any popups, really) work weirdly on mobile devices, though they're fine on desktop computers. So I want to display the concept links as popups on large screens and lists on tiny screens. I have a stylesheet medium that kicks in when the screen/window ...

My builds do take longer in Flare 11, but that doesn't usually matter since I can do other things while I wait for them to finish.

What drove me nuts for a while was that I kept getting an error message every time I tried to compile HTML5 help: ID: 10086 (Description: Build failed: input string ...

I have over 600 ignored compiler warnings when I build my PDF targets.

The finished builds look okay, so what's going on with all these warnings?

Do I need to worry?

You probably don't need to worry. However, if you want to see what all the warnings are, open up your target, got to the ...

We have a couple of PDF mediums in our stylesheets for our various PDF page sizes.

For our 8x11 PDFs, the body frame in the page layout is 7 inches wide, so I added the following to the .css for this medium:
img
{
max-width: 6.50in;
}

I originally had the max-width equal to the width of the ...

Actually, James Protz, I think this could be relatively simple if your issue is exactly the same as the original poster described.

If you don't specify the size of an image in Flare, it looks at the image file to determine how many pixels per inch the image should be in the PDF. However, this ...

Interesting. I don't see an obvious way to change it either, but when I click the Print button in my HTML5 output, it just prints the topic, using the print stylesheet for most of the elements on the page. I don't see the side bar or any navigation controls in the printed output.

I'm on version 10 ...

If you downloaded the project with the ModCap skin, then presumably that works ok for you.

Things that might prevent this from working are:
- The target is set to use lowercase filenames , so the output path is different to your link; this is why I add two stylesheet links in my project example ...

If you want web fonts in the skin (not topics), you can add a stylesheet link to the main help file (Default.htm) by using a skin toolbar script.

I've written a blog post about how to do this (see Examples, number 2):
http://ukauthor.wordpress.com/2014/08/08/customising-the-flare-html5-skin/

It ...

I link to web fonts at the top of my stylesheet (edit the stylesheet using the internal text editor, or your preferred external editor).

Thanks. That works, although Flare strips some of the information out of the link in the stylesheet and I end up having to replace it in the output.

@import ...

There's a technique in Help for Adding Custom Meta Tags which might work for you. In the Target Editor , go to Advanced and enter the link in the text box for Add meta tags to content .

Thanks. It sounded promising, though sadly it didn't work. (Perhaps because it's not really a meta-tag and the ...

When you don't base the heading levels on TOC depth and don't inject entries for unlinked books, it's pretty simple: p.TOC1 controls the appearance of the TOC entry for items with the mc-heading-level 1. Whatever you want the indent to be for heading level 1 in the TOC, set it on p.TOC1. The same ...

Does anybody have experience with adding web fonts to a Flare project?

I'm trying to add a web font to HTML5 help, and I want to put a link to the font in page <head> area. Unfortunately, whether I add the link to the header of the master page or a topic, it does not appear in the output when I ...