Applying background colour to the help viewer

This forum is for all Flare issues related to the DotNet Help target, and the Dot Net Viewer

Applying background colour to the help viewer

Postby Mohinda on Mon Aug 16, 2010 6:09 am

Hi,
I am using Madcap Flare's viewer as our Dotnet help output. I need to change the background colour so that my topics don't dispaly with white background in viewer. I have tried looking in the Style tab in the Skin but I have not managed to find it. Is it possible to change the background colour in the Skin? I am using the Default Skin style.
Please help.
Thanks
Mohinda
Mohinda
Propeller Head
 
Posts: 59
Joined: Fri May 07, 2010 9:59 am

Re: Applying background colour to the help viewer

Postby LTinker68 on Mon Aug 16, 2010 8:31 am

The background color for topics doesn't come from the skin, it comes from the topic stylesheet. Add a background-color attribute to the body tag. If you have margins and padding specified (anything above a value of 0) on the body tag then you could instead set the background-color attribute on the html tag.
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
LTinker68
Master Propellus Maximus
 
Posts: 7245
Joined: Thu Feb 16, 2006 9:38 pm

Re: Applying background colour to the help viewer

Postby Mohinda on Tue Aug 17, 2010 1:06 am

Hi Lisa,
Applying colour to the body tag works for topics but the background of the left window pane of the help viewer is white in the output. Ideally, I would like to apply the same colour to the left pane as the topic background. Is it possible?
Thanks
Mohinda
Mohinda
Propeller Head
 
Posts: 59
Joined: Fri May 07, 2010 9:59 am

Re: Applying background colour to the help viewer

Postby LTinker68 on Tue Aug 17, 2010 7:59 am

No, as far as I know the DotNet Help skin still isn't editable. Submit a feature request at http://www.madcapsoftware.com/bugs/submit.aspx.
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
LTinker68
Master Propellus Maximus
 
Posts: 7245
Joined: Thu Feb 16, 2006 9:38 pm

Re: Applying background colour to the help viewer

Postby Mohinda on Wed Aug 18, 2010 6:17 am

I have logged it.
Thanks
Mohinda
Mohinda
Propeller Head
 
Posts: 59
Joined: Fri May 07, 2010 9:59 am

Re: Applying background colour to the help viewer

Postby Mohinda on Mon Nov 15, 2010 4:49 am

Hi,
I need to apply different branding to two online targets. I have used the body tag to apply a background colour to all topics. I created a new class under body tag to choose a different background colour for the second target. I am unable to apply this class to create the target with different background colour. When I build the targets, both have the same background colour. What am I doing wrong? Please help.
Thanks in advance.
Mohinda
Mohinda
Propeller Head
 
Posts: 59
Joined: Fri May 07, 2010 9:59 am

Re: Applying background colour to the help viewer

Postby Dave Lee on Mon Nov 15, 2010 7:55 am

Mohinda wrote:Hi,
I need to apply different branding to two online targets. I have used the body tag to apply a background colour to all topics. I created a new class under body tag to choose a different background colour for the second target. I am unable to apply this class to create the target with different background colour. When I build the targets, both have the same background colour. What am I doing wrong? Please help.
Thanks in advance.


You would need to use two different master pages, and apply the body class to the master page.
(If you apply a body class to individual topics, these are ignored if you use master pages.)

On one master page, apply your new body class (to the page's body tag).
(If the class isn't available to select, you might need to add a link to your stylesheet in the master page, using Tools > Stylesheet Links.)

Then select the appropriate master page to use for each target (on the Advanced tab).
Dave Lee
Master Propellus Maximus
 
Posts: 5525
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Applying background colour to the help viewer

Postby Mohinda on Mon Nov 15, 2010 8:12 am

I have created two Master pages, one for each target. I have linked each target to the correct masterpage. They both have the same style sheet. How do you select the correct Style class for the background colour?
Mohinda
Mohinda
Propeller Head
 
Posts: 59
Joined: Fri May 07, 2010 9:59 am

Re: Applying background colour to the help viewer

Postby Dave Lee on Mon Nov 15, 2010 8:32 am

Mohinda wrote:I have created two Master pages, one for each target. I have linked each target to the correct masterpage. They both have the same style sheet. How do you select the correct Style class for the background colour?


As above...

On one master page, apply your new body class (to the page's body tag).
(If the class isn't available to select, you might need to add a link to your stylesheet in the master page, using Tools > Stylesheet Links.)
Dave Lee
Master Propellus Maximus
 
Posts: 5525
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Applying background colour to the help viewer

Postby Mohinda on Mon Nov 15, 2010 9:30 am

Sorry, Dave, I have done what you have suggested. It has not worked. I must be missing something crucial. It seems to me that first style class that I created a long time ago is hardcoded. Even after selecting the new Class it goes back to the old background colour.
Mohinda
Mohinda
Propeller Head
 
Posts: 59
Joined: Fri May 07, 2010 9:59 am

Re: Applying background colour to the help viewer

Postby Dave Lee on Mon Nov 15, 2010 11:00 am

Mohinda wrote:Sorry, Dave, I have done what you have suggested. It has not worked. I must be missing something crucial. It seems to me that first style class that I created a long time ago is hardcoded. Even after selecting the new Class it goes back to the old background colour.


When you apply the class to the body tag in the master page, does the background change colour?


Anyway, your stylesheet should look something like this:

Code: Select all
body.A
{
   background-color: #ffcccc;
}

body.B
{
   background-color: #ccccff;
}


And your master pages should look something like this:

Code: Select all
...
    <body class="A">
        <MadCap:breadcrumbsProxy />
        <MadCap:miniTocProxy />
        ...


Code: Select all
...
    <body class="B">
        <MadCap:breadcrumbsProxy />
        <MadCap:miniTocProxy />
        ...
Dave Lee
Master Propellus Maximus
 
Posts: 5525
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Applying background colour to the help viewer

Postby LTinker68 on Mon Nov 15, 2010 12:13 pm

Mohinda wrote:It has not worked.

Do you mean you don't see the color change in the compiled output, or you don't see the color change in the XML Editor?
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
LTinker68
Master Propellus Maximus
 
Posts: 7245
Joined: Thu Feb 16, 2006 9:38 pm

Re: Applying background colour to the help viewer

Postby Mohinda on Wed Nov 17, 2010 8:53 am

Thanks, guys. Eagle has landed finally.
It works now.
Mohinda
Mohinda
Propeller Head
 
Posts: 59
Joined: Fri May 07, 2010 9:59 am


Return to DotNet Help and the Dot Net Viewer

Who is online

Users browsing this forum: No registered users and 1 guest