I am using and loving this theme but am having a problem getting it to play nicely with in place editors. I am using Panels edit in place, and also the Edit module. Both of these allow in-place editing in various parts of my sites.

They create modals with the edit fields and these work well, except they sit behind the menu bar instead of on top of the menu bar. Thus, the top part of the modal gets cut off, and unfortunately this has a key user control in the top corner. (I have increased the height of the menu bar from 40px to 76 px and this may be part of the issue).

I am guessing the modals are supposed to float in front of the menu bar not behind it. That is what happens when I use Bartik. I am guessing fixing this is a quick tweak, as it just needs to shift the modal down by 10-50 px and all would be fine.

But I have no idea where this would be controlled from. Or is there a way to change the layer order so the modal is in front of the menu in the Bootstrap theme?

Any tips would be greatly appreciated.

Comments

TLGwegg’s picture

TLGwegg CreditAttribution: TLGwegg commented

I think that I am having the same problem.
Is this what you are talking about?

Link:http://i.imgur.com/i9PtQUb.jpg?1

thanks

entrepreneur27’s picture

entrepreneur27 CreditAttribution: entrepreneur27 commented

yes

marelli’s picture

marelli CreditAttribution: marelli commented

I am new to Drupal so I cannot yet point you exactly where this needs to be fixed in Drupal or in your theme.
I have had a similar problem last year on a site that I worked on (not a Drupal based site).

Your CSS needs to be tweaked (as I say not sure where) using the z-index property which controls the "in front of" / "behind" aspect of rendering page elements. Refer to:

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Marelli

wundo’s picture

wundo CreditAttribution: wundo commented
Status: Active » Postponed (maintainer needs more info)

Please check this against 7.x-2.2

wundo’s picture

wundo CreditAttribution: wundo commented
Issue summary: View changes

spelling

zilla’s picture

zilla CreditAttribution: zilla commented

this appears to be a known issue that has to do with how ctools is handling modals and overriding bootstrap's handling of modals...there's some discussion about a patch or modification that will override the js to remedy the display

see: https://drupal.org/node/2128601

however, you also may be interested in this relatively new module - have not tried it myself:
https://drupal.org/project/twitter_bootstrap_modal

markhalliwell’s picture

markhalliwell
Primary language English
CreditAttribution: markhalliwell commented
Issue summary: View changes
Status: Postponed (maintainer needs more info) » Closed (won't fix)

This issue has been closed while cleaning up the issue queue. This has likely already been fixed in 7.x-3.x. If it has not, please create a new issue describing the exact issue with that version. The 7.x-2.x branch currently only receives security fixes.