Skip to main content
prologicfirst
prologicfirst
Participant
August 7, 2014
Question

I want to create a new customized screen layout for responsive HTML5 output. I don't want to use the ones present in the gallery. What are the steps to do so?

  • August 7, 2014
  • 1 reply
  • 459 views

I don't wish to use the ones already present in the gallery. They do not meet my requirements. Therefore, I want to create/design my own screen layout for the responsive HTML5 output. Please let me know the steps to do so. How to create a SLZ file, what is the code that I need to write. What are the components that I need to create to have a complete screen layout to be used in a responsive HTML5 output.

This topic has been closed for replies.

1 reply

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
August 7, 2014

Willam is really the person to answer this but he is unavailable right now. I know his previous responses are along the lines that you will need very advanced knowledge of CSS3 and HTML5 and that it is a very time consuming task.

It might help if you give some idea of how the layouts do not meet your requirements.

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.
prologicfirst
prologicfirstAuthor
Participant
August 7, 2014

Thanks Peter for your response.

I am using the Theme1_standard layout for a responsive HTML 5 output. I am unable to customize this layout to a large extent.

1. the project title should have multiple colors. This does not happen.

2. to overcome point 1, i decided just to use the logo of my product. The logo is too small for it to be visible properly. I cannot re size the logo. The header area should be broader than the current size.

3. I want the function bar to be narrower, like a thin strip of band. this again is not possible.

4. I want to set the text color of the TOC topics. Again this does not happen. Also, the text color to change when the mouse cursor is over a topic.

These are few of the constraints because of which I need to create my own layout.

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
August 7, 2014
  1. That would require inline formatting and I doubt that is an option.
  2. If I am following you, the header area is full width of the screen so I cannot see how it can be broader, Perhaps you mean deeper? A screenshot might help here. The change would be made in the layout.css file.
  3. That would be a change in the layout.css.
  4. I suspect that too is controlled by the layout.css.

To make the changes you would have to go into the layout.css and modify that. As you will see, it is a very complex CSS and that is why I said creating you own layout is not easy. Hopefully when Willam is available again, he may be able to give you some more specific information.

I think Willam will confirm that if you cannot read the existing CSS to make those changes, then creating your own skin would be beyond your capabilities. Please do not take any offence there, I am simply emphasising how complex a task it is to create a skin from scratch. It's not one I would take on.

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.
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices