Body class being ignored in HTML5 output

CarrieAcosta · Post by **CarrieAcosta** » Thu Feb 12, 2015 9:46 am

Hi all,

Extreme newbie here...I have created an entry in my stylesheet:

body.Internal
{
background-repeat: repeat-y;
margin-bottom: 17px;
margin-left: 17px;
margin-top: 0px;
max-width: 100%;
color: #000000;
font-size: 12pt;
font-family: Calibri;
line-height: 1.30em;
background-image: url('../Images/InternalUseOnly.jpg');
padding-left: 5px;
}

When I'm viewing the topic in the XML Editor, I see the repeating graphic along the left side of the topic.

However, when I publish, I don't see the graphic (even after refreshing). When I View Source on the results, it looks like the body tag does not have the <body class="Internal"> tag.

<body>
<p class="MCWebHelpFramesetLink MCWebHelpFramesetLinkTop"><a href="../../default.htm#PandP/MenuTOC.htm">Open topic with navigation</a>
</p>
<div class="MCBreadcrumbsBox_0"><span class="MCBreadcrumbsPrefix">You are here: </span><span class="MCBreadcrumbs">WRG Internal Processes & Procedures</span>
</div>
<h1>WRG Internal Processes & Procedures</h1>
<h3>Table of Contents</h3>

Does anyone have any suggestions for me?

Thanks,

Carrie

ChoccieMuffin · Post by **ChoccieMuffin** » Thu Feb 12, 2015 10:33 am

Just checking - what MEDIUM did you include the body.internal class? It is just so easy to put it in the wrong medium, so that'd be my first port of call.

Secondly, did you actually APPLY that class to the body in your topic?

Hope that gets you started.

CarrieAcosta · Post by **CarrieAcosta** » Thu Feb 12, 2015 11:40 am

Hi all,

I found a workaround at least - I defined an internal Master Page and set the body class to Internal in that component, then defined the internal Master page for the target. Downside is that I can't set this only for some pages in the target and not others.

Works for me for now...

Carrie

Post by **NorthEast** » Fri Feb 13, 2015 3:04 am

CarrieAcosta wrote:I found a workaround at least - I defined an internal Master Page and set the body class to Internal in that component, then defined the internal Master page for the target. Downside is that I can't set this only for some pages in the target and not others.

You can apply master pages to individual topics; which will also override the default master page set for the target.

See:
http://kb.madcapsoftware.com/mobile/Advanced/Content/Flare/Master_Pages/FMP1001F_-_Using_Multiple_Master_Pages_in_your_Project.htm

scap · Post by **scap** » Wed Aug 09, 2023 8:30 am

Having the same problem as OP.

I've defined body, body.A and body.B in the stylesheet.

<body class="A"> is respected in the Flare editor, as is <body class="B">.

However, the HTML output reverts to <body>.

Any ideas? Really don't want to go the route of multiple master pages.

scap · Post by **scap** » Wed Aug 09, 2023 9:49 am

...for context, I'm trying to apply different background images to different topics. This will not scale well going the master page route.

Post by **NorthEast** » Wed Aug 09, 2023 11:40 pm

scap wrote: ↑Wed Aug 09, 2023 8:30 amAny ideas? Really don't want to go the route of multiple master pages.

You could set the background image by setting the CSS class on the html tag instead.
For example, set class "imageA" in topic Properties > Topic Style class (or whichever way you prefer), and in your CSS have:

Code: Select all

html.imageA body 
{ 
   background-image: url('../images/imageA.png'); 
}

MadCap Software Forums

Body class being ignored in HTML5 output

Body class being ignored in HTML5 output

Re: Body class being ignored in HTML5 output

Re: Body class being ignored in HTML5 output

Re: Body class being ignored in HTML5 output

Re: Body class being ignored in HTML5 output

Re: Body class being ignored in HTML5 output

Re: Body class being ignored in HTML5 output