Feb 18, 2013, 4:09 PM
[OPEN] [#152] textfield + setIconCls: Issue when set iconCls after entering some value in textfield
Hi!!!
If I set a icon in textfield, using setIconCls function, after entering some value in textfield. The text is behind icon...
When textfield lost focus, the icon + text in textfield are adjusted...
With blue and gray theme
VS11 + Win8 + IE10
SVN/branches 2.1/
Project sample!!!
Please, run sample and input '1111' value in textfield
If I set a icon in textfield, using setIconCls function, after entering some value in textfield. The text is behind icon...
When textfield lost focus, the icon + text in textfield are adjusted...
With blue and gray theme
VS11 + Win8 + IE10
SVN/branches 2.1/
Project sample!!!
Please, run sample and input '1111' value in textfield
<%@ Page Language="vb" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript">
Ext.onReady(function () {
var viewPort = Ext.create("Ext.net.Viewport", {
id: "ViewportConsole",
renderTo: Ext.getBody(),
layout: {
type: 'vbox',
align: 'stretch'
},
padding: 5
});
var mainPanel = viewPort.add({
title: 'MyApplication',
layout: 'absolute',
flex: 1,
border: true,
defaults: {
labelAlign: 'top'
}
});
var text1 = mainPanel.add({
itemId: 'text1',
xtype: 'textfield',
fieldLabel: 'text1',
enableKeyEvents: true,
x: 10,
y: 10,
width: 400,
listeners: {
keyup: {
fn: function (item) {
if (item.getValue() == '1111') {
item.setIconCls('#PreviousGreen');
}
}
}
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" theme="Gray" runat="server" />
<div>
</div>
</form>
</body>
</html>
Last edited by Daniil; Feb 21, 2013 at 4:44 AM.
Reason: [OPEN] [#152]