Highlighted

Need Scalable Non-Responsive Project to Align at Top

Explorer ,
Jan 31, 2019

Copy link to clipboard

Copied

How do I make sure a scalable non-responsive project aligns at the top at all times? Thanks.

Scalable Aligning Middle.JPG

Views

211

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Need Scalable Non-Responsive Project to Align at Top

Explorer ,
Jan 31, 2019

Copy link to clipboard

Copied

How do I make sure a scalable non-responsive project aligns at the top at all times? Thanks.

Scalable Aligning Middle.JPG

Views

212

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Jan 31, 2019

Copy link to clipboard

Copied

I haven't tried to do that, but did work it our to force landscape. There are a couple of invisible containers along with the actual visible course that would have to be manipulated with CSS.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Explorer ,
Jan 31, 2019

Copy link to clipboard

Copied

It's the main_container. When left is 0px, the top number changes. I need  to know how to halt it.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jan 31, 2019

Copy link to clipboard

Copied

Add this in the style tag at the top of the index file

#main_container{

top: 0px !important

}

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Explorer ,
Jan 31, 2019

Copy link to clipboard

Copied

Works! Thanks!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Participant ,
Feb 09, 2019

Copy link to clipboard

Copied

Great solution!

One small problem I can't figure out how to solve.

After using this solution Hotspot Questions behave weird.

Clicking the mobile device screen on the Hotspot results in the circle that indicates where you touched the screen appears way above the spot that was touched?

The narrower the screen, the more the circles are off......

Used CP2017 including the update, project was published as scalable HTML content.

Drag and Drop works fine though, so problems only with Hotspot questions.

Any suggestions?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Feb 11, 2019

Copy link to clipboard

Copied

There may be other elements that need some CSS also. Don't really have time to find a solution for responsive at the moment.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Explorer ,
Jun 07, 2019

Copy link to clipboard

Copied

I unmarked as correct, because even though it did work for the drag and drop, just like what was said with the Hotspot issue above, when applied to the matching quiz slide, the draggable appears way above:

Align Top Issue.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Resources
Captivate User Guide
New Group