Skip to main content
Participant
May 28, 2015
Question

Widgets appears in front of other object when I preview project

  • May 28, 2015
  • 2 replies
  • 424 views

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

    This topic has been closed for replies.

    2 replies

    windscorpion
    Inspiring
    May 29, 2015

    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
    Inspiring
    May 29, 2015

    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
    Inspiring
    June 3, 2015

    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. .

    TLCMediaDesign
    Inspiring
    May 28, 2015

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

    Participant
    May 28, 2015

    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).