Button html is deprecated so how do you add html?

[robl]

The "html" method on Button is now deprecated in favor of "text" in PR2 and PR3. So, how do you add HTML code to a button???

[rdougan]

setText should still accept HTML.

[robl]

setText should still accept HTML.

Doesn't work. Can you move this to the bug forum?

Ext.application({
    name: '2.0 PR3 Form Test',


    launch: function() {
        console.log('launch:');


        var myPanel = Ext.create("Ext.Panel", {
            fullscreen: true,
            layout: 'fit',
            items: [
            {
                xtype: 'container',
                items: [
                {
                    xtype: 'button',
                    text: '<div>test</div>'
                }
                ]
            }
            ]
        });
        console.log('myPanel=' + myPanel);


    }
});

[rdougan]

Fixed for the next release.

You can apply this override to your code to make it work until then:

Ext.define('Ext.overrides.button.updateHtml', {
    override: 'Ext.Button',

    updateHtml: function(html) {
        var element = this.textElement;

        if (html) {
            element.show();
            element.update(html);
        }
        else {
            element.hide();
        }
    }
});

When you use 'html', it will still say in the console that it is deprecated, but ignore that. This will work.

[robl]

Thanks. The patch worked.