Widgets appears in front of other object when I preview project

[lez-davies]

Hi there,

I'm adding interaction widgets to some of my pages and I want them to sit behind other page elements (such as characters). When I preview the widgets sit on top of everything else, why is this? I'm creating a Device responsive project.

I'm using a trial version of Cap8

My best

Lez

[TLCMediaDesign]

That's because the interactions are actually in separate html pages and inserted using iframes, which are always on top.

[lez-davies]

Many thanks for the answer. I'm testing out Cap8 and this alone is a huge limiting factor for working in Cap8. In this day and age, popping the widget in an iFrame just seems crazy (not at all WYSIWYG).

[windscorpion]

You can place the TOC in front of web objects by setting a higher zindex for it using javascript, you could maybe try this for other objects though not sure if it will work or not

[windscorpion]

Just tried a test and no don't think it does unfortunately

You could maybe put the other items in a web object and put on top of the other interaction, be messy though

[TLCMediaDesign]

This is a solution that does work.

Actually some of the interactions have the widget html inserted in an iFrame and that widget inserts it's object as an iFrame. So you have:

CP/iFrame/Widget/iFrame/content

The layering would be possible id you could position all of the elements absolute and then apply CSS z-indexs to all. .