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

Vertical screen dimension in responsive projects

Participant ,
May 31, 2017 May 31, 2017

I just noticed this.

In a responsive project, as you cycle through the different preset screen sizes, the vertical dimension on Slide Height always stays at 627.

That means that if you're looking at a size for a smaller device like a Galaxy or an iPhone, the slide height shown is taller than what the device has.  You have to turn on Preview Height in the slide properties or use rulers/guidelines if you want a constant visual reminder to not put objects outside the screen area, causing scrolling.

However, if you're using a fluid box, even if it's just a one cell fluid box, Slide Height is grayed out in the slide properties, and the preview height always matches the dimension of the device size you're looking at.  This I think is really good.  I recently designed some screens that were responsive, but without fluid boxes, and accidentally put some buttons below the 560 mark for Galaxy S6 (360x560).  So essentially the buttons were 'below the fold' and caused scrolling on that device.  It's nice to know that if you are using fluid boxes, you won't slop over the edges.

I'm posting about it here in case anyone else didn't notice that like me until it caused a lot of re-doing

responsive.jpg

responsiveFluidBox.jpg

464
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
New Here ,
Nov 13, 2017 Nov 13, 2017
LATEST

Hello Anatasia - my reply to this is going to be totally off-topic.  I was not sure how else to ask you a question so found this thread from earlier this year.

I've watch many of your Captivate Lynda.com courses and have found them very helpful and well done. However I have not found where you answer this very fundamental issue - double-click on a mobile device.

For Mobile/HTML5 content, what do you do for a double-click action in a software simulation? I've searched the Captivate community and others have asked this but no one seems to provide an answer. I posted this question on one of the last posts on this topic.

Our software has numerous places where a user double-clicks to perform some action (like opening up a folder). A single tap seems so lame. 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
Resources
Help resources