Callout shows Behind Window

  1. #1

    Callout shows Behind Window

    see attached.
    Callout shows Behind Window

    to test, press the click #1 button. then on the window, press click me.
    thanks
    /Z

    <%@ Page Language="C#" %>
    
    
    <!DOCTYPE html>
    
    
    <html>
    <head id="Head2" runat="server">
        <title>Test</title>
    </head>
    
    
    <body>
    
    
        <ext:ResourceManager ID="ResourceManager2" runat="server" Theme="NeptuneTouch" />
    
    
            <ext:Viewport ID="Viewport1" runat="server" Layout="VBoxLayout">          
                <LayoutConfig>
                    <ext:VBoxLayoutConfig Align="Stretch" />
                </LayoutConfig>
                <Items>
    
    
                    <ext:Button runat="server" Text="click #1"> 
                        <Listeners>
                            <Click Handler="App.winme.show()" />
                        </Listeners>
                    </ext:Button>
    
    
                </Items>
            </ext:Viewport>
    
    
    
    
        <ext:Window 
            runat="server" 
            ID="winme"
            Icon="ApplicationFormAdd" 
            Width="400" 
            Hidden="true" >
            <Items>
                <ext:Button ID="ttttwer" runat="server" Text="click me">
                    <Listeners>
                        <Click Handler="App.Callout1.show();" />
                    </Listeners>
                </ext:Button>
                <ext:Checkbox ID="aaaa" BoxLabel="AAAA" runat="server" Note="SOME AAAA" Flex="1" />
                <ext:Checkbox ID="bbbb" BoxLabel="BBBB" runat="server" Note="SOME BBBB" Flex="1" />
                <ext:Checkbox ID="cccc" BoxLabel="CCCC" runat="server" Note="SOME CCCC" Flex="1" />
                <ext:TextField ID="twerwer"
                    runat="server"
                    FieldLabel=" Comment"
                    Note="Some Note"
                    Width="200"
                    Padding="5">
                    <Callouts>
                        <ext:Callout runat="server" ID="Callout1" Title="Save Reminder" Trigger="Manual" Alignment="Right" HideDelay="3" >
                            <BodyWidget>
                                <ext:Label runat="server" Text="Don't forget to save your changes" />
                            </BodyWidget>
                        </ext:Callout>
                    </Callouts>
                </ext:TextField>
                        
            </Items> 
        </ext:Window>
    </body>
    </html>
  2. #2
    Guys
    this bug is from 2015
    (https://forums.ext.net/showthread.ph...-within-Window)

    Can we fix it pls?? i used the work around.
    /Z
  3. #3
    Hello @Z! Thanks for the heads up, I was about to link you to the already open issue.

    The z-index management becomes subject to this kind of edge case when you have something "on top" over something else "on top" (or as in the case, "floating"). They compete for the foreground as both are technically floating windows. But there may be an issue with z-index hierarchy in callouts when instantiated within windows.

    Please make sure to subscribe to the forum thread you pointed so you receive an update notification once this issue is fixed.
    Fabrício Murta
    Developer & Support Expert
  4. #4
    Hello again @Z!

    I have just gave this a try to better identify the issue and I noticed the callout was not being displayed behind the window at the first try. It goes behind if I click the button, then the window. So it seems the z-index layout engine is working well.

    So then, to ensure it won't go behind the window, just set AlwaysOnTop="True" and the callout will stand in front without any CSS overrides.

    Let us know if you still can't make this work without overrides on either javascript or CSS, we may have missed something along the lines to reproduce the issue!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 3
    Last Post: Oct 12, 2020, 6:23 PM
  2. Modal Window in FormPanel Callout Problem
    By hakandonmez in forum 3.x Help
    Replies: 3
    Last Post: Dec 24, 2014, 3:03 PM
  3. [CLOSED] Notification Window shows no Text
    By Peter.Treier in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: Aug 19, 2013, 5:35 PM
  4. Replies: 17
    Last Post: Dec 27, 2012, 5:56 AM
  5. AutoLoadIFrame - load only when window shows
    By jchau in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Nov 18, 2008, 8:31 AM

Posting Permissions