[CLOSED] CapsLock detector is not working at all

  1. #1

    [CLOSED] CapsLock detector is not working at all

    Taken directly from Ext.NET examples:

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>Password Mask and CapsLock Detector Plugin - Ext.NET Examples</title>
        <link href="/resources/css/examples.css" rel="stylesheet" />
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            
            <h1>Password Mask and CapsLock Detector Plugin</h1>
    
            <p>PasswordMask plugin emulates iPhone password style</p>
            <p>If you type a password when CapsLock is active then you will see an indicator warning (CapsLockDetector plugin)</p>
            
            <ext:Window 
                runat="server" 
                Width="350"
                Title="Password Mask"            
                Closable="false"
                BodyPadding="5">           
                <Items>
                    <ext:TextField 
                        ID="PasswordField" 
                        runat="server"                    
                        FieldLabel="Password"                    
                        LabelWidth="150"
                        AnchorHorizontal="100%">
                        <Plugins>
                            <ext:PasswordMask runat="server" />
    
                            <ext:CapsLockDetector runat="server">
                                <Listeners>
                                    <CapsLockOn Handler="#{PasswordField}.showIndicator({iconCls : '#Error', tip : 'CapsLock is active'});" />
                                    <CapsLockOff Handler="#{PasswordField}.hideIndicator();" />
                                </Listeners>
                            </ext:CapsLockDetector>
                        </Plugins>
                    </ext:TextField>
    
                    <ext:TextField 
                        runat="server"                     
                        LabelWidth="150"
                        FieldLabel="Another replacement char"                    
                        AnchorHorizontal="100%">     
                        <Plugins>
                            <ext:PasswordMask runat="server" ReplacementChar="◊" />
                        </Plugins>
                    </ext:TextField>     
                </Items>            
            </ext:Window>                
       </form>
    </body>
    </html>
    Last edited by Daniil; Nov 27, 2015 at 1:55 PM. Reason: [CLOSED]
  2. #2
    Hi @exe,

    It works for me. Please note that the CapsLockOn and CapsLockOff events fire only when a user types letters. It is the only way to determine if CapsLock is on or off. They don't fire when a user press the CapsLock button itself. There are many discussion on the Internet if you'd like to find out details.
  3. #3
    I've found out, that the issue is related to TeamViewer. The CapsLock detector works if browsing directly.
    Sorry, please close the thread.

Similar Threads

  1. Replies: 0
    Last Post: Oct 07, 2014, 8:06 AM
  2. Replies: 0
    Last Post: Oct 30, 2012, 5:34 PM
  3. Replies: 3
    Last Post: Feb 21, 2012, 7:46 AM
  4. Replies: 3
    Last Post: Apr 27, 2011, 3:54 PM
  5. Replies: 2
    Last Post: Apr 04, 2011, 12:32 PM

Tags for this Thread

Posting Permissions