Sep 27, 2020, 9:21 PM
[CLOSED] [#1831] Notification MessageBox Problem
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:
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.