Sencha Unigui Iphone Style Button - ToggleButtons ToggleFormFields ToggleToolBar

[rullomare]

Hi, 

 

 

 

 New Components  IPhone Style Buttons   -   FormFields, Toolbar, Button Toggles. 

 

  Plugin from  =>> http://www.sencha.com/forum/showthread.php?226679-iPhone-Style-Toggle-Slide-for-ExtJS

 

 

 

Toggles.zip

 

 

For documentation of the properties of the components see Doc.txt (sencha documentation in zip File) .

 

Only tested with Delphi XE3,XE4 and Unigui 0.96,0.97,0.98,0.90 (03/09/2015)  I think it also works with version 0.95. 

 

I do not think there are big problems with the other version of Delphi. 

  . 

 

The folder Files (in zip)  contains the files js + css. 

 

 

 

 

1) Build and install UnixToggleButton.dpk,UnixToolBarToggleButton.dpk,UnixFormToggleButton.dpk 

 

 

2) compile and run senchaToggle.dpr 

 

 

Have fun. 

 

Let me know! 

 

Tested with Unigui  0.99.50 (03/09/2015) 

 

 

Salvatore Marullo

[billyChou]

Thanks

[bbm]

Hi,

 

do you have a new example available for the current version?

Best regards.

[Freeman35]

Did any one use this components with sencha 6.x ?

thank you

[SISBLU Software]

Did any one use this components with sencha 6.x ?

thank you

[Freeman35]

    initComponent: function()
    {
        var me = this;
        me.callParent(arguments);
        me.addEvents(
                /**
                 * @event beforechange Fires before this toggle is changed.
                 * @param {Ext.form.Checkbox} this This toggle
                 * @param {Boolean|String} state The next toggle state value if boolean
                 *            mode else the label for the next state
                 */
                 'beforechange',
                 'userevent',
                /**
                 * @event change Fires when the toggle is on or off.
                 * @param {Ext.form.Checkbox} this This toggle
                 * @param {Boolean|String} state the new toggle state value, boolean if
                 *            in boolean mode else the label
                 */
                'change');
    },

Problem for sencha >4 is "addEvents" method is removed in sencha. What is alternative it ?

Can any one help  for this?

regards.

[Sherzod]

1 hour ago, Freeman35 said:

Problem for sencha >4 is "addEvents" method is removed in sencha. What is alternative it ?

Just try to comment out all the calls to the addEvents method.

[Sherzod]

In my opinion, this library is also interesting:

https://abpetkov.github.io/switchery/

[Freeman35]

Thank you very much.

I got one question more

    unregisterToggleListeners: function()
    {
        Ext.destroy(this.dd);
        //this.el.un('mouseup', this.onMouseUp, this);
        this.un('mouseup', this.onMouseUp, this); <== is this right way ? removed "el" 
    },

regards

[Marlon Nardi]

Also if you are interested, there is this other option, Web and Mobile 

https://store.falconsistemas.com.br/

https://demos.falconsistemas.com.br/?tela=tfrmtoggle