Skip to main content
D
dmagnum74
Inspiring
March 11, 2014
Question

Can I customize default Screen Layout SLPs for iPad and iPhone?

  • March 11, 2014
  • 1 reply
  • 740 views

Hi,

I need to customize the colors and icons in Screen Layout for iPads and iPhones. The Home slp has links to TOC and Index slps. In the Home page's HTML view, I can't find code that links to the default orange header_background.png or the icons for Content, Index, or Glossary.(I see them in Windows Explorer view when I open C:\HELP\iPad Help\HelpProject\!ScreenLayout!\iPad_Layout_TEST.) How can I change header_backround.png in slp for iPad or iPhone?

Do I need to create a new SLP and can I insert our company logo into it? I really just want to generate output that uses colors other than the iPad default gray and brown or iPhone default light blue and gray Screen Layouts. I'd prefer to use the default SLPs I see in the Project Set-up pod and just edit them to change colors and icons.

I have opened each slp under iPad Layout and don't see where I can change the defaults used on the Home page slp. What am I missing? I would like to make copies of the header and Contents and Index icons and change the colors and re-insert them.

Thanks.

This topic has been closed for replies.

1 reply

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
March 12, 2014

Look in the CSS used for the screen layout.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
Willam van Weelden
Willam van Weelden
Inspiring
March 12, 2014

As Peter says, it's all in the CSS. You must find the element you want

to change and update the CSS for those elements. Normally, I give a two

day course on how to do this to RoboHelp author's. It requires quite

some insight into the structure of the layouts and CSS.

Which elements do you need to change? I can point you in the right

direction.

Kind regards,

Willam

D
dmagnum74Author
Inspiring
March 12, 2014

Thanks, Willam. I was able to make some changes in the mobile.css file. I searched for certain hex color code values and changed them to what I need them to be. I still have a question.

I haven't yet discovered where I can change the Topic pages. My home page, TOC and Index became white after I changed div.content and div.contentlight. The topic pages still have black around them. My sample Index page is below.

I want to make Topic pages consistent with that. A screen shot of a Topic page is also below. I want to change black, orange and light blue/lilac elements to be white.

Thanks for any feedback you might have.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices