z-index on windows

[glarsen]

Hi,

Clicking on a window header (on panel with other non-modal windows) brings it to the front.   Is it possible to extend this ability to other parts of the window (borders, other contents)?

Tried this but it's not catching any clicks:    $('.panel.window').on('click', function()

Thanks,
Gary

[stworthy]

Please try this:

Code:

$('div.window').click(function(){
	$(this).children('div.window-body').window('open')
})

[glarsen]

Hi,

That's not firing either.  Not a show stopper but if you have any other ideas I can try please let me know.

Thanks,
gary

[stworthy]

Please refer to this example http://jsfiddle.net/57B9J/. Clicking any area of a window will brings it to the front.

[glarsen]

Thanks to the example. Must have done something wrong.

gary

[glarsen]

Hi,

I didn't mention that the panel was in a layout, but that also worked using HTML.

Was able to reproduce the issue when creating the windows with JavaScript so I must be doing something wrong there.  Could you check for me?

http://jsfiddle.net/glarsen/Yd2pN/2/

Clicking the window header will display the window, but clicking the body does nothing.

Thanks,
gary

[glarsen]

Hi again,

Also noticed that when a window title wraps it bleeds into the body.  It it possible to adjust the header height to fit?

Thanks

[stworthy]

This example works fine.
http://jsfiddle.net/Yd2pN/3/

[glarsen]

Sorry, forgot to add the click event. 

I must have something blocking clicks somewhere.

Thanks

[glarsen]

I think it's a DOM order thing.  When I put .click at the top of the script the window clicks don't work.

http://jsfiddle.net/glarsen/Yd2pN/4/

The app creates windows dynamically from drop events onto the panel. How can hook up new windows to the .click event?

Sorry if this is some simple JQuery thing I don't know yet,
gary

[glarsen]

Got it!

    $(document).on('click', 'div.window', function(){
      $(this).children('div.window-body').window('open')
    })


Thanks again for you help.