Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

Scene7 Responsive Websites - Flyout Question

Avatar

Level 1

Hello,

We are using the Scene7 HTML5 Flyout Viewer on a responsive website. I was wondering if it is possible to disable the flyout portion when the site reaches a certain width? We want to disable the flyout on smaller screens and devices. Thanks in advance for any tips!

Aaron 

2 Replies

Avatar

Level 3

Could you get the solution?

If yes,can you please share it

I have been running into similar issue,We need to disable to height of flyer

Avatar

Administrator

Hi 

Option 1

Please find full configuration details about FlyoutZoom at :- https://marketing.adobe.com/resources/help/en_US/s7/viewers_ref/c_html5_flyout_viewer_20_about.html

In this provided link, there is a section "Responsive design embedding with unrestricted height", you can tweak this to cater you requirement.In this we are using "FlyoutZoomView.imagereload" for responsive behavior.

Example :- https://marketing.adobe.com/resources/help/en_US/s7/vlist/vlist.html

Or 

Option 2

Use media CSS rules to cater you problem. After certain width set "FlyoutZoomView.zoomfactor" accordingly (may be nil for your purpose).

Or

Option 3

Use Jquery, Trigger the event on re-size and set flyout property according to your width of the screen. If you don't want to change the property then you may hide the flyout div too.

 

I hope this would help you.

 

Thanks and Regards

Kautuk Sahni



Kautuk Sahni