Hi,
The maximum supported icon size is 32x32.
You should set up
Scale="large"
to allow 32x32 icons.
See also
http://docs.sencha.com/ext-js/4-1/#!...tton-cfg-scale
https://examples2.ext.net/#/Buttons/Basic/Variations/
To support bigger icons you should deal with CSS overriding the existing rules.
Here is the example demonstrating how to use 48x48 icons with default left icon alignment.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.NET v2 Example</title>
<style type="text/css">
.my-scale.x-btn-default-large-icon button,
.my-scale.x-btn-default-large-icon a,
.my-scale.x-btn-default-large-icon .x-btn-inner {
height: 48px !important;
line-height: 48px;
}
.my-scale.x-btn-default-large-icon .x-btn-inner {
width: 48px;
}
.my-scale.x-btn-default-large-icon .x-btn-icon {
width: 48px;
height: 48px;
}
.my-scale.x-btn-default-large-icon-text-left button,
.my-scale.x-btn-default-large-icon-text-left a {
height: 48px;
}
.my-scale.x-btn-default-large-icon-text-left .x-btn-inner {
height: 48px;
line-height: 48px;
padding-left: 52px;
}
.my-scale.x-btn-default-large-icon-text-left .x-btn-icon {
width: 48px;
}
.x-ie6 .my-scale.x-btn-default-large-icon-text-left .x-btn-icon,
.x-quirks .my-scale.x-btn-default-large-icon-text-left .x-btn-icon {
height: 48px;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Button
runat="server"
Text="Text"
Scale="Large"
Cls="my-scale"
IconUrl="resources/images/48x48.png" />
</form>
</body>
</html>