Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How to insert a circle in a robohelp 10 topic?

Guest
Jul 17, 2013 Jul 17, 2013

Hi All,

I would like to insert coloured circles containing text in my help project to point out tips and key features but can't seem to figure out how to do this, Does anyone know if this is possible and how I go about it?

Thanks,

Louis

795
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 17, 2013 Jul 17, 2013

Possible, yes. How complex it is depends on what you want to do.

There are two ways of doing this that you can implement in RoboHelp:

  1. Make images with the text on them and insert them in RoboHelp. Text will not be searchable and this creates bad accessibility.
  2. Create div elements where you add the text. Make blank circle images and apply those as background to the elements.

For DIV elements, check: http://www.w3schools.com/tags/tag_div.asp

For backgrounds, check: http://www.w3schools.com/css/css_background.asp

Greet,

Willam

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 07, 2015 Jan 07, 2015

I'm not that familiar with HTML, but it looks like your DIV elements solution would put text inline with other text.

In RoboHTML 11, I need to simulate callouts and text-boxes in Word: Text can be positioned at any point near a picture, even floating in front of it if necessary. And the text would still be searchable. Can you do that with DIV elements?

Thanks.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 08, 2015 Jan 08, 2015
LATEST

It does. You can use CSS float (CSS Float) and CSS positioning (CSS Positioning) to do that.

Kind regards,

Willam

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp