While I was trying to solve one problem, I created another... In order to benefit from the responsive feature of An and at the same time switching layouts for different devices using media query, I embedded the different compositions into one html file:
<div id="div1" class="fluid">
<object id="EdgeID2" type="text/html" width="1252" height="840" data-dw-widget="Edge" data="start_desktop.html">
</object>
</div>
<div id="div2" class="fluid">
<object id="EdgeID" type="text/html" width="100%" data-dw-widget="Edge" data="start_mobile.html">
</object>
What is get is great, responsive rescaling BUT from a certain window size the layout switches so it fits the device screen better. But now the lovely Edge Commons Spotlight feature makes the thing open in the same window instead of an overlay. (in the screenshot you see the spotlight in the lower left corner in the same window. I tried to add something like target: "_new" but it doesn't work. any ideas?
)