[FIXED] [#770] Callout within Window

  1. #1

    [FIXED] [#770] Callout within Window

    On the following sample, callout is show shown when it's placed within a window.
    <!DOCTYPE html>
    <html>
    <head id="Head1" runat="server">
    </head>
    <body>
        <ext:ResourceManager runat="server" ScriptMode="Debug" />
        <ext:Window Title="Ext.NET" Html="Content" Width="400" Height="400" runat="server">
            <TopBar>
                <ext:Toolbar runat="server">
                    <Items>
                        <ext:Button Text="Click Me" Width="200" runat="server">
                            <Callouts>
                                <ext:Callout Alignment="Bottom" Width="200" Trigger="Click" runat="server">
                                    <BodyWidget>
                                        <ext:Container runat="server">
                                            <LayoutConfig>
                                                <ext:VBoxLayoutConfig Align="Stretch" />
                                            </LayoutConfig>
                                            <Items>
                                                <ext:Button Text="Brazil" Icon="FlagBr" IconAlign="Top" runat="server" />
                                                <ext:Button Text="Russia" MarginSpec="5 0 0 0" Icon="FlagRu" IconAlign="Top" runat="server" />
                                                <ext:Button Text="Canada" MarginSpec="5 0 0 0" Icon="FlagCa" IconAlign="Top" runat="server" />
                                            </Items>
                                        </ext:Container>
                                    </BodyWidget>
                                </ext:Callout>
                            </Callouts>
                        </ext:Button>
                    </Items>
                </ext:Toolbar>
            </TopBar>
        </ext:Window>
    </body>
    </html>
    Thanks in advance.
    Last edited by fabricio.murta; Oct 12, 2020 at 6:21 PM.
  2. #2
    Click on Click Me button, callout is not shown. Now move the window, you will notice that the callout was shown underneath window.

    Click image for larger version. 

Name:	co002.png 
Views:	5 
Size:	4.4 KB 
ID:	23061
  3. #3
    Hi Raphael,

    Thank you for the report! Created an Issue:
    https://github.com/extnet/Ext.NET/issues/770

    A Callout is shown, but beyond the Window:)

    As a workaround, please set StyleSpec="z-index: 20000;" for the Callout.
  4. #4
    Hello!

    We have just checked this issue and by just giving the callout the AlwaysOnTop="True" in latest Ext.NET (5.2.0, based on Ext JS 7.2.0) is enough to keep the callout, well, always on top.

    We are not sure which Ext JS (nor Ext.NET) version this fixed exactly, as this most likely came fixed by an unrelated and maybe even not reported z-index handling issue from Ext JS.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Callout Problem
    By hakandonmez in forum 3.x Help
    Replies: 0
    Last Post: Mar 01, 2015, 10:02 AM
  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] Callout: MaxHeight Issue
    By cwolcott in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Dec 19, 2014, 12:57 PM
  4. [CLOSED] [#608] Callout: ShowDelay
    By cwolcott in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Dec 13, 2014, 8:32 PM
  5. [CLOSED] Bug on the callout component
    By Akpenob in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Mar 06, 2014, 8:00 AM

Posting Permissions