Results 1 to 2 of 2

Thread: Carousel / Card with Formpanel / Fieldset : Just an empty page rendered?

  1. #1
    Sencha User
    Join Date
    Jun 2014
    Posts
    1

    Default Carousel / Card with Formpanel / Fieldset : Just an empty page rendered?

    Hello,

    Maybe you can help me with a (beginner) problem:
    I am trying to insert a formpanel/fieldset into a Carousel card. The carousel itself works, but the first page of the carousel,where i would like to insert the formpanel, is just empty.
    The debug console doesn't show any error.

    Maybe somebody can point me to the problem :-)

    Code:
    Ext.define('ha2.view.Main', {    extend : 'Ext.tab.Panel',
        requires : [ 'Ext.TitleBar', 'Ext.carousel.Carousel', 'Ext.form.FieldSet', 'Ext.form.Panel' ],
        config : {
            tabBarPosition : 'bottom',
            items : [ {
                title : 'Home',
                iconCls : 'home',
                cls : 'cards',
                defaults : {
                    flex : 1
                },
                layout : {
                    type : 'vbox',
                    align : 'stretch'
                },
                items : [ {
                    docked : 'top',
                    xtype : 'titlebar',
                    title : 'MyHome'
                }, {
                    xtype : 'carousel',
                    items : [ {
                        cls : 'card',
                        title: 'Test1',
                        iconCls: 'home',
                        items: [{
                            /* This part is not displayed, just an empty page is shown */
                            title: 'Basic',
                            xtype: 'formpanel',
                            iconCls: 'refresh',
                            items: [{
                                xtype: 'fieldset',
                                title: 'Info',
                                instructions: 'Please enter info below',
                                defaults: {
                                    labelWidth: '35%'    
                                },
                                items: [{
                                    xtype: 'checkboxfield',
                                    name: 'on',
                                    label: 'On',
                                    value: 'on',
                                }]
                            }]
                        }]
                    }, {
                        cls : 'card',
                        html : 'Test2'
                    } ]
                } ]
            },
            {
                title : 'Settings',
                iconCls : 'settings',
                items: [{
                    docked : 'top',
                    xtype : 'titlebar',
                    title : 'Settings'
                }]
            }]
        }
    });

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108
    Answers
    342

    Default

    You need to give your carousel page a layout. Check out the following fiddle.
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services [email protected]

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

Tags for this Thread

Posting Permissions

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