Hybrid View

  1. #1
    Ext JS Premium Member sumit.madan's Avatar
    Join Date
    May 2009
    Location
    Bangalore, India
    Posts
    121
    Vote Rating
    24
    sumit.madan has a spectacular aura about sumit.madan has a spectacular aura about

      5  

    Default [v1.1 - 11/15/2011] Ext.ux.LoginDialog - LoginDialog Extension

    [v1.1 - 11/15/2011] Ext.ux.LoginDialog - LoginDialog Extension


    ExtJS 4.x extension for a Login Dialog Window.

    Extract the zip file to ExtJS examples folder.



    LoginDialog extends Ext.window.Window, so any window config options can be provided. Specific to this extension are the following properties, which can be used to configure the LoginDialog.

    Code:
     messages: {loginfailed: String, wait: String, header: String}
     qtips: {rememberme: String, capslockwarning: String}
    
     headerPanel: Ext.panel.Panel
     formPanel: Ext.form.Panel
    
     usernameField: Ext.form.field.Text
     passwordField: Ext.form.field.Text
     languageField: Ext.form.field.Combobox, Ext.ux.IconCombo
     rememberMeField: Ext.form.field.Checkbox
    
     forgotPasswordLink: String
    
     loginAction: Ext.button.Button
     cancelAction: Ext.button.Button
    Events:
    Code:
    success, failure
    Change Log:
    v1.1:
    > Compatible with ext-dev.js
    > Changed: KeyMap instead of SpecialKeys to capture ENTER and ESC
    > MIT License

    v1.0:
    > Initial Version
    Attached Images
    Attached Files

  2. #2
    Ext JS Premium Member sumit.madan's Avatar
    Join Date
    May 2009
    Location
    Bangalore, India
    Posts
    121
    Vote Rating
    24
    sumit.madan has a spectacular aura about sumit.madan has a spectacular aura about

      1  

    Default


    Frequently Asked Questions (FAQ):

    Q. How do I customize / replace the language combo with another field?
    A: Language combo is completely customizable, eg. to replace it with a theme combo, the following config can be used:
    Code:
    languageField: {
        xtype: 'iconcombo',
        name: 'theme',
        fieldLabel: 'Theme',
        valueField: 'themeCode',
        value: 'gray',
        displayField: 'themeName',
        iconClsField: 'theme-icon',
        triggerAction: 'all',
        editable: false,
        mode: 'local',
        store: {
            fields: ['themeCode', 'themeName', 'theme-icon'],
            data: [
                ['gray', 'Gray', 'theme-gray'],
                ['blue', 'Blue', 'theme-blue']
            ]
        }
    }
    Q. I don't need the language combo and remember me checkbox, how do I hide them?
    A. Any valid field config can be used for the fields, such as:
    Code:
    height: 230, // window height
    languageField: {
        hidden: true
    },
    rememberMeField: {
        hidden: true
    }

  3. #3
    Ext JS Premium Member sumit.madan's Avatar
    Join Date
    May 2009
    Location
    Bangalore, India
    Posts
    121
    Vote Rating
    24
    sumit.madan has a spectacular aura about sumit.madan has a spectacular aura about

      0  

    Default


    LoginDialog extension updated to v1.1:

    Change Log:
    v1.1:
    > Compatible with ext-dev.js
    > Changed: KeyMap instead of SpecialKeys to capture ENTER and ESC
    > MIT License

  4. #4
    Sencha User
    Join Date
    Jun 2011
    Posts
    5
    Vote Rating
    0
    drplasma is on a distinguished road

      0  

    Thumbs up thanks

    thanks


    thanks for your share to the community.That would be great if you shared a demo or a photo of the logindialog so we could try its features.you can create a demo page on github easily.

  5. #5
    Ext JS Premium Member sumit.madan's Avatar
    Join Date
    May 2009
    Location
    Bangalore, India
    Posts
    121
    Vote Rating
    24
    sumit.madan has a spectacular aura about sumit.madan has a spectacular aura about

      0  

    Default


    Quote Originally Posted by drplasma View Post
    thanks for your share to the community.That would be great if you shared a demo or a photo of the logindialog so we could try its features.you can create a demo page on github easily.
    The original post has screenshot embedded from an external url. If you're unable to see it for some reason, I've also added it as an attachment in the first post

  6. #6
    Sencha User
    Join Date
    Jun 2011
    Posts
    5
    Vote Rating
    0
    drplasma is on a distinguished road

      0  

    Default


    You are right.Many websites are filtered from my server here.Looks pretty and working.It's what i was searching for...