Jan 06, 2015, 4:53 PM
[CLOSED] iconCls doesn't work
The iconCls property does not work properly, I have replicated the example "MessageBox - Notification - Notification Client-Side" but as you can see in the picture icon is not displayed.
Where should the file icon in my project? Either this is included in the DLLs.
Thank You
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
this.ResourceManager1.RegisterIcon(Icon.Information);
}
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Summary of Client-Side Notification Options - Ext.NET Examples</title>
<style>
.menu-label {
border-bottom : dotted 1px;
margin-left : 25px;
}
</style>
<script>
var stub = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ...";
</script>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Window
ID="Window1"
runat="server"
Title="Notifications"
Width="300"
Height="350"
Layout="Accordion">
<Items>
<ext:MenuPanel runat="server" Title="Content Functionality" SaveSelection="false">
<Menu runat="server">
<Items>
<ext:MenuItem runat="server" Text="Show with Content Element">
<Listeners>
<Click Handler="
Ext.net.Notification.show({
listeners : {
beforeshow : {
fn : function (el) {
#{BarLabel}.setText(Ext.Date.format(new Date(), 'g:i:s A'));
}
}
},
iconCls : 'icon-information',
closeVisible : true,
autoHide : false,
height : 150,
contentEl : 'customEl',
title : 'Titleeeeeeeeeeee'
});" />
</Listeners>
</ext:MenuItem>
</Items>
</Menu>
</ext:MenuPanel>
</Items>
</ext:Window>
<div id="customEl" class="x-hidden">
<ext:Panel runat="server" Border="false" BodyPadding="2" Html="={stub}" Height="113" Width="180">
<BottomBar>
<ext:Toolbar runat="server">
<Items>
<ext:ToolbarTextItem ID="BarLabel" runat="server" />
<ext:ToolbarFill runat="server" />
<ext:Button runat="server" Icon="Add" />
<ext:Button runat="server" Icon="Email" />
</Items>
</ext:Toolbar>
</BottomBar>
</ext:Panel>
</div>
</body>
</html>
Last edited by Daniil; Jan 08, 2015 at 11:00 AM.
Reason: [CLOSED]
