Feb 08, 2018, 9:24 AM
[CLOSED] IndicatorIcon Checkbox Problems
Hi,
see my example, in ext.net 4.5.1 the indicator icon not show hand cursor and not fire click event.
As a workaround I have reduced the width to zero to div '<idCheckBox> -indicator' at after render event, but applying the workaround to all site checkboxes is heavy.
Please help me.
Jimmy
see my example, in ext.net 4.5.1 the indicator icon not show hand cursor and not fire click event.
As a workaround I have reduced the width to zero to div '<idCheckBox> -indicator' at after render event, but applying the workaround to all site checkboxes is heavy.
Please help me.
Jimmy
%@ Page Language="C#" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="Ext.Net.Utilities" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<script type="text/javascript" >
var ckAfterRender = function (comp, eOpts) {
var compIndic = document.getElementById(comp.getId() + '-indicator')
compIndic.style.width = 0;
}
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Checkbox ID="ck" runat="server" IndicatorIcon="Help" >
<Listeners>
<IndicatorIconClick Handler="alert('Help');" />
<AfterRender Fn="ckAfterRender" />
</Listeners>
</ext:Checkbox>
<ext:TextField ID="txt" runat="server" Width="100" IndicatorIcon="Help">
<Listeners>
<IndicatorIconClick Handler="alert('textField');" />
</Listeners>
</ext:TextField>
</form>
</body>
</html>
Last edited by fabricio.murta; Feb 19, 2018 at 4:38 PM.