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

Cp9/HTML5 font, line-break and design issue with FIB

Participant ,
Mar 24, 2017 Mar 24, 2017

I´ve encountered some weird stuff I do not understand with my fill-in-the-blank quiz slides when I publish two projects - one as responsive project, the other one as a fixed size project - both in HTML5:

  1. The select boxes look different in two projects (see images below): No. 1 responsive project with round corners in IE (which are smaller than in Firefix), No.2  with sharp corners in IE and Firefox.
  2. The small arrow at the dropdown menu is different, although I did not change this one either: No. 1 in IE with this big ugly rectangle button, No.2 in Firefox and IE with nice small blue arrow - I´d like to keep that small blue one in every project 😉
  3. The font styles are different not only between these two projects but also between browsers. Both projects are set with Arial in all cases, but as seen in picture No.1 the IE shows the selection option in Arial but the selected item in Times, whereas with the other project IE shows Arial correctly for selection options as well as selected items.
  4. Font sizes seem to be different between text and drop down menu (Picture No. 1)
  5. Stacking problem with the fixed sized project (see picture No.2): If the user wants to change his selection, the dropdown menu is BEHIND all other stuff. This only happens with a fixed size project, not with a responsive project.

Picture 1:
FIB.jpg

Picture 2:

FIB2.jpg

I´ve tried to investigate in the published CSS and CPM.js files (and all other), but unfortunately did not find the right spot do do any adjustments. How does it happen that there are such big differents betwenn a responsive HTML5 and a fixed size HTML5? As we do publish for ONE customer both in responsive and in fixed size projects we do need the same look and feel throughout all projects (even if crossbrowser is not possible).

I`d like to know where to grab into css or whatever, preferably with template files to avoid adjusting everytime after publishing. Does anyone have a clue or a hint for me? That would be great 🙂

I´m Working with Captivate 9 (latest version), Win7, published as HTML5, all samples shown here based on the standard design theme.

TOPICS
Quizzing and LMS
438
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
Participant ,
Apr 26, 2017 Apr 26, 2017

Is there anyone who has an idea??

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
Explorer ,
Apr 26, 2017 Apr 26, 2017

Hi,

Try to increase line spacing (is working in my scenario). I've also removed all 'blank' at the beginning, made bigger line spacing to fit all drop-down (I had 4 options), and then added 'blank' (word by word) and published to check.

Indeed, this is a very annoying issue. 

P

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
Participant ,
Apr 26, 2017 Apr 26, 2017
LATEST

Thanks for your advice, but I do not think that the stacking problem with the dropdown boxes will be solved by line spacing ... this might work when there are just one or two sentences, but not for longer texts.

Although I still have the problem with different looks in different browsers (list no.1 to 4) - and this is the most annoying!

@Adobe Support: Please help

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
Help resources