[CLOSED] Callout bodyWidget not showing

[sveins12]

I need to create a Callout by javascript, but the bodyWidget i not showing up:

@{ var x = Html.X(); }
@(
 x.Panel()
    .Height(100)
    .Width(100)
    .Listeners(l => l.Render.Handler = @"
        var c = Ext.create('Ext.net.Callout', { 
            title: 'Callout',
            target: item,
            closeOnOutsideClick:true,
            bodyWidget: Ext.create('Ext.panel.Panel', {
                title: 'Panel',
                width: 100,
                height: 100,
                layout: 'fit',
                html:'<p>Content</p>', 
            })
        });
        c.show();
    ") 
)

[fabricio.murta]

Hello @sveins12!

Try defining it like this:

@{ var x = Html.X(); }
@(
 x.Panel()
    .Height(300)
    .Width(100)
    .Listeners(l => l.Render.Handler = @"
        var c = Ext.create('Ext.net.Callout', {
            title: 'Callout',
            target: item,
            closeOnOutsideClick:true,
            bodyWidget: { 
                xtype: 'panel',
                title: 'Panel',
                width: 100,
                height: 100,
                layout: 'fit',
                html: '<p>Content</p>'
            }
        });
        c.show();
    ")
)

It should work as intended, then.

[sveins12]

Nice, thank you!