[CLOSED] IndicatorIcon Checkbox Problems

  1. #1

    [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

    %@ 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.
  2. #2
    Hello Jimmy!

    Thanks for the report and straightforward test case, we could reproduce the issue in our side. Your own approach to fix it may work, but maybe then you may want to use CSS overrides to allow the interaction over the transparent div.

    We'll give it a better look to see if we can get this fixed to our next release, or a better approach to work this around.

    For now we've confirmed and logged the issue under #1574 in github.
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Hi Fabricio,
    now I use a css class but I have another problem, if the checkbox is into a hidden div, when I show the div the icon overlap on the checkbox.
    See the example.
    Thank you

    Jimmy

    %@ Page Language="C#" %>
    
    
    <%@ Import Namespace="System.Collections.Generic" %>
    <%@ Import Namespace="Ext.Net.Utilities" %>
    
    
    <!DOCTYPE html>
    
    
    <html>
    <head runat="server">
        <title></title>
    
    
    	<style>
    		div[id$='c-indicator']{
    			display: none !important;
    		}
    	</style>
      
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
    
    
    	
    		<div id="div1" style="display: none">
    			<ext:Checkbox ID="ckc" runat="server" IndicatorIcon="Help" Hidden="true" >
    				<Listeners>
    					<IndicatorIconClick Handler="alert('Help');" />
    				</Listeners>
    			</ext:Checkbox>
    		</div>
    		
    
    
    		<ext:Button ID="btn" runat="server" Text="Show CK">
    			<Listeners>
    				<Click Handler="document.getElementById('div1').style.display = '';  App.ck.show(); App.ck.updateLayout();" />
    			</Listeners>
    		</ext:Button>
    
    
        </form>
    </body>
    </html>
  4. #4
    Hello Jimmy!

    It seems we're just falling back in a topic discussed a while ago. Please take a look: Checkbox IndicatorIcon overlay problem

    I hope this helps!
    Fabrício Murta
    Developer & Support Expert
  5. #5
    Hi Fabricio,
    sorry, but I thought the old one was already solved and this was a new problem.
    Thank you.

    Jimmy
  6. #6
    Hello Jimmy!

    Thanks for the feedback, I was not entirely sure it was really that or I got lost at some point. Unfortunately that's not solved.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] Checkbox IndicatorIcon overlay problem
    By xeo4.it in forum 4.x Legacy Premium Help
    Replies: 9
    Last Post: Nov 15, 2017, 2:22 PM
  2. [CLOSED] AllowBlank + IndicatorIcon still apearing
    By aisi_it_admin in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Jan 11, 2013, 11:01 AM
  3. [CLOSED] IndicatorIcon placement
    By cwolcott in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 20, 2012, 6:40 PM
  4. SpinnerField IndicatorIcon wrong position!
    By xtremexploit in forum 1.x Help
    Replies: 5
    Last Post: Nov 29, 2011, 2:45 PM
  5. [CLOSED] Still problems with checkbox group
    By CSG in forum 1.x Legacy Premium Help
    Replies: 15
    Last Post: May 04, 2011, 8:27 PM

Posting Permissions