[CLOSED] [#1831] Notification MessageBox Problem

[aliabdulla]

Dears,

Hope you all safe and healthy.

Kindly, refer to the following problem:

Example Link: https://examples5.ext.net/#/MessageB...tion/Overview/

Steps to demonstrate the problem:

1. Click on "Content Functionality" from the menu.
2. Click on "Show with Content Element", and the result will be:



3. When you click on the "Show with Content Element" again, the notification will crush in the top left side corner:



My code is similar but with auto hide:

                    Ext.Net.Notification.Show(New Ext.Net.NotificationConfig With {
                        .HideDelay = "15000",
                        .Height = "535",
                        .Width = "500",
                        .Title = "<center>قائمة أفضل الموظفين لهذه المبادرة</center>",
                        .ContentEl = "customEl",
                        .AlignCfg = New NotificationAlignConfig With
                                {
                                    .ElementAnchor = AnchorPoint.BottomLeft,
                                    .TargetAnchor = AnchorPoint.BottomLeft,
                                    .OffsetX = 20,
                                    .OffsetY = -20
                                },
                        .ShowFx = New FadeIn With {.Options = New FxConfig With {.Duration = 2000}},
                        .HideFx = New FadeOut With {.Options = New FadeOutConfig With {.Duration = 2000, .EndOpacity = 0.25F}}
                    })

ContentEl = "customEl", is as following:

        <div id="customEl" class="x-hidden">
            <ext:GridPanel
                runat="server"
                ID="TopEmpGV"
                Hidden="true"
                ClientIDMode="Static"
                RTL="true"
                Width="495"
                Height="535">
                <Store>
                    <ext:Store ID="TopEmpGVStore" ClientIDMode="Static" runat="server">
                        <Model>
                            <ext:Model ID="TopEmpGVStoreModel" runat="server">
                                <Fields>
                                    <ext:ModelField Name="ID" Type="Int" />
                                    <ext:ModelField Name="EmployeeEnName" />
                                    <ext:ModelField Name="EmployeeArName" />
                                    <ext:ModelField Name="EmpPhoto" />
                                    <ext:ModelField Name="DoCount" Type="Float" />
                                    <ext:ModelField Name="DoCountDec" Type="Float" />
                                    <ext:ModelField Name="DontCount" Type="Float" />
                                    <ext:ModelField Name="CautionsCount" Type="Float" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
                </Store>
                <ColumnModel runat="server">
                    <Columns>
                        <ext:RowNumbererColumn Header="#" Margin="0" Width="40" runat="server"  Align="Center" />  
                        <ext:TemplateColumn
                            runat="server"
                            Align="Center"
                            Text="" 
                            Width="120"
                            DataIndex="PhotoPath" 
                            TemplateString='<img style="width:100px;height:130px;" src="../../Images/EmpPhotos/{EmpPhoto}" />'>
                        </ext:TemplateColumn>                    
                        <ext:Column runat="server" Width="200" Align="Center"  CellWrap="true" Text="الموظف" DataIndex="EmployeeArName"  >

                        </ext:Column>
                        <ext:ProgressBarColumn  Flex="2" runat="server" Align="Center" DataIndex="DoCountDec"  Text="مجموع النقاط" />
                    </Columns>
                </ColumnModel>
            </ext:GridPanel>
        </div>

Kindly, advice.