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

Do I have to use the mobile.css file with iPad and iPhone_Layout? Bullets turning into numbers.

  • March 10, 2014
  • 1 reply
  • 530 views

After generating iPad and iPhone output using Multiscreen_HTML5, I noticed that my bulletted lists were converted to numbered lists in the output. If I right-click my topics, they have another .css file associated with them instead of the mobile.css file that I see under iPad_Layout in the Project Set-up pod.

I used the CSS editor to add a new bulletted list style to mobile.css. Then I applied mobil.css to a topic. However, I don't see the new bulletted list style if I click the Apply Style drop-down list (in the upper left corner near the Change Font drop-down.)

As I workaround, I can manually apply bullets to my lists by selecting Format > List > Bullets and Numbering, but I know this is not idea. When I have applied mobile.css to a topic and am viewing that topic, why can't I see all the correct styles in the Apply Style drop-down list?


Thanks.

This topic has been closed for replies.

1 reply

Rsfl
Rsfl
Inspiring
March 10, 2014

Hi, in Rh10 the list styles are not displayed in that drop down list, only paragraph and inline styles. I'm not sure about RH11 but I assume the same will be true for that version. You can apply the other style types via the Format > Styles dialog.

In case there is a formatting problem that only appears in a certain HTML5 output, you could check to see whether the name of the style interferes with the styles in the mobile.css. I had that problem once - a style that I created in the default.css already existed in the mobile.css.

Robert

D
dmagnum74Author
Inspiring
March 10, 2014

Thanks, Robert. I see a list style under "Other" in the mobile.css when I view it in the CSS Editor. Maybe that was interfering with the bullet list style I used in my original .css.

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

The css files you see in the screen layout are not intended to be used in topics. It sounds as if your HTML5 layout may be specifying it for topics.

Make sure Apply to all topics is not selected. Also tick the Limit the scope... option.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices