FM 12 How to Customize Output for HTML 5

Question

Hi, in FM 12, how do I Customize Output for HTML 5?

With the Publish dock open, and having already generated output, I see that one of my FM styles has been given a 144pt left position in the CSS. While this mirrors what the FM style is like, I want to edit that to be 0 in my HTML 5 output.

So, I:

Right-click Responsive HTML5 in the Publish window.
Choose Edit Settings.
Click the Style Mapping tag.
Expand the Paragraph list.
Select the style I want to modify (in this case, GlossaryDefinition).
Click Edit Style. The CSS Rule definition for p.FM_GlossaryDefinition dialog box opens.

The problem at this point is that the 144pt indent, that I can see in the HTML source, is not evident in the p.FM_GlossaryDefinition dialog box. Now, I know I can edit a CSS somewhere, but expect it will be overwritten each time I generate.

So, why doesn't the p.FM_GlossaryDefinition dialog box have settings that reflect what I see in my output?

Thanks,

Sean

ashrae-editor · Answer

Jumping on this discussion because I'm having a similar but different problem in customizing styles.

Example:

1. I have a paragraph style Level1 in my Framemaker template.

2. When I Publish to HTML5, the formatting for this paragraph style maps to p.FM_Level2 in the automatically generated *.css file.

3. When I go into Framemaker's Style Mapping->Edit Style dialog and modify formatting, save, and then Publish, I end up with TWO p.FM_Level2 files. One contains the formatting of the original paragraph style in the FM template and the other contains my user-modified styles. What I want, however, is for the user-modified styles to replace the ones that would otherwise automatically be generated from the template.

This is super annoying. Any idea whether this is a bug or how to disable it?

(Unrelated: It's also annoying that I can't manually set alignment of tables. As it is, table alignment in the output HTML inherits the alignment of the table in the FM File with no option to modify it before publishing. This means I have to dig into the HTML and modify it by hand.)

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded