Page 1 of 3 123 LastLast
Results 1 to 10 of 22

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

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

    Default [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 Images
    Attached Files Attached Files

  2. #2
    Ext JS Premium Member sumit.madan's Avatar
    Join Date
    May 2009
    Location
    Bangalore, India
    Posts
    121
    Vote Rating
    24
      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
      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
      0  

    Thumbs up 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
      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
      0  

    Default

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

  7. #7
    Sencha User
    Join Date
    Mar 2007
    Location
    Tours, France
    Posts
    97
    Vote Rating
    0
      0  

    Question change fieldLabel

    Hello,

    Thanks for your plugin.
    How can I change the fieldlabel of (UserName and Password) and the text of the buttons when I select another Language ?

    Thanks

  8. #8
    Sencha Premium Member ajaxvador's Avatar
    Join Date
    Nov 2007
    Location
    PARIS, FRANCE
    Posts
    211
    Vote Rating
    0
      0  

    Default

    not +1 but +2
    Vador

  9. #9
    Sencha User
    Join Date
    Apr 2010
    Posts
    8
    Vote Rating
    0
      0  

    Default

    This works with 4.0.7 but produces a blank screen with 4.1.1.
    "TypeError: el is null"

  10. #10
    Sencha User
    Join Date
    Oct 2008
    Posts
    33
    Vote Rating
    1
      0  

    Default

    Quote Originally Posted by opticyclic View Post
    This works with 4.0.7 but produces a blank screen with 4.1.1.
    "TypeError: el is null"
    This is because the version of the IconCombo extension that is included in the attached .zip does not work with 4.1.1. Updates for that extension have been discussed in this thread:

    http://www.sencha.com/forum/showthread.php?131184-IconCombo

    I just replaced IconCombo.js with the code found at https://gist.github.com/3078460, changed line 8 of that code from
    Code:
    Ext.define('Ext.ux.IconCombo',{
    to
    Code:
    Ext.define('Ext.ux.form.IconCombo',{ 
    and everything works fine.



Page 1 of 3 123 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •