Download Support Blogs Forums Contact
Community > Forums > Active Social > Community Support > Modal dialogs and Z-index
> Forums > Active Social > Community Support > Modal dialogs and Z-index
Last Post 28 Jun 2011 11:07 AM by NFXBeats. 2 Replies.
AddThis - Bookmarking and Sharing Button Printer Friendly
  •  
  •  
  •  
  •  
  •  
PrevPrev NextNext
You are not authorized to post a reply.
Author Messages
NFXBeats
Customers
NFXBeats
Post Count:299

--
27 Jun 2011 05:14 PM
    • Active Social Version: 1.9.3
    • DotNetNuke Version: 5.6.2
    Is it possible for me to control the z-index of modal dialogs?

    The problem at hand is that I have a tab that shows a large flash element and when a user selects, "Add as Friend", the modal add as friend dialog appears underneath the flash object.

    I've look at the element for the modal dialog and it does not appear to have  CSS class associated to it.

    Is there a template I can edit?

    is there a way for me to force a tab to be displayed BEFORE the Add Friend dialog, so I can select a tab without a flash element?

    Any other suggestions?
    Status: I'm no longer moderated.
    Ben - DotNetNuke
    DotNetNuke Staff
    Ben - DotNetNuke
    Post Count:1645

    --
    28 Jun 2011 08:16 AM
    There are a number of classes attached to the modals.

    .ammodalbody
    .ammodalcontent
    .ammodalshell

    The modal should have a z-index of 1002, with a backup hardcoded z-index of 500.
    NFXBeats
    Customers
    NFXBeats
    Post Count:299

    --
    28 Jun 2011 11:07 AM
    Thanks! it's working great.

    For anyone who might run into this, you will need to wrap your embedded flash in a div that has a lower z-index.
    Status: I'm no longer moderated.
    You are not authorized to post a reply.
    > Forums > Active Social > Community Support > Modal dialogs and Z-index
    test
    Copyright 2012 by DotNetNuke Corporation / Terms of Use / Privacy
    Hosted by MaximumASP