Adobe Experience Manager Sites & More

gauravs53918528 · 10/3/17

Hi Friends,

Please let me know that how I can change the orientation of the Swatches with in this example to horizontal to vertical.

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://s7d1.scene7.com/s7viewers/html5/js/FlyoutViewer.js"></script>
<style type="text/css">
#s7viewer.s7flyoutviewer {
width: 640px;
height: 480px;
}
</style>
</head><body>
<div id="s7viewer" style="position:relative;z-index:1;"></div>
<script type="text/javascript">
var inlineZoomViewer = new s7viewers.FlyoutViewer();
inlineZoomViewer.setContainerId("s7viewer");
inlineZoomViewer.setParam("serverurl", "http://s7d1.scene7.com/is/image/");
inlineZoomViewer.setParam("config", "Scene7SharedAssets/Universal_HTML5_Zoom_Inline");
inlineZoomViewer.setParam("contenturl", "http://s7d1.scene7.com/is/content/");
inlineZoomViewer.setAsset("Scene7SharedAssets/ImageSet-Views-Sample");
inlineZoomViewer.init();
</script>
</body>
</html>

jantzen_b · 10/3/17

Hi,

Is this a question about a specific Adobe solution or is a a general web development question?

Thanks,
Jantzen

gauravs53918528 · 10/4/17

This is about specific Adobe solution .

I tried

inlineZoomViewer.setParam("Swatches.tmblayout", "4,0");

and

inlineZoomViewer.setParam("Swatches.orientation", "1");

but it is not working. using these commands.

jantzen_b · 10/4/17

It looks like your question might be related to Adobe Experience Manager. I've moved your question to the AEM community.

gauravs53918528 · 10/5/17

Can I get the answer on same thread.

jantzen_b · 10/5/17

Yes, this question has been moved to the AEM community where other AEM experts should being to see it and comment.

smacdonald2008 · 10/5/17

I asked our Dynamic Media experts to look at this question.

gauravs53918528 · 10/9/17

Thanks.

If possible can we jump on a call and see if we can fix this.

Regards,

Gaurav

gauravs53918528 · 10/10/17

Is there any update on this

smacdonald2008 · 10/10/17

The Eng team replied:

the out of the box viewer customer is referring to (Inline Zoom) does not support vertical swatches rendering.

The customer may consider using HTML5 Viewers SDK components to build their own viewer and layout swatches vertically.

gauravs53918528 · 10/11/17

Can you please provide me the URL where I can find the reference for HTML5 Viewers SDK component.

gauravs53918528 · 10/11/17

I have prepared the HTML5 viewer using the below URL.

Just let me kNow that how to enable inlinezoom in this.

gauravs53918528 · 10/4/17

Any suggestions on this.

Regards,

Gaurav

Viewer library Inline Zoom