carousel - Sencha touch couresel items float one above the other -
carousel - Sencha touch couresel items float one above the other -
my carousel rendering weird, doesnt load items horizontally loads them 1 above other. looks this: http://postimage.org/image/3tisqjl9n/
is because create carousel within of formpanel ? here can see code:
config: { title: 'more info', layout: 'fit', items: [ { xtype: 'formpanel', id:"moreinfo", items: [ { id: 'morecontent', tpl: [ '<div style="border-bottom 1px solid black">', '<h2 style="margin-bottom:5px;text-transform:capitalize;font-weight:bold">project: {project}</h2>', '</div>' ].join(''), }, { xtype: 'carousel', defaults: { cls: 'card'}, direction: 'horizontal', layout: 'fit', directionlock: true, items:[ { html: "<img src='image1'>", }, { html: "<img src='image2'>", }, { html: "<img src='image3'>", }, { html: "<img src='image4'>", }, ] }, { xtype: 'fieldset', defaults: { labelwidth: '35%' }, title: 'receipts', items: [ { xtype: 'button', id: 'takepicture', padding: '10px', text: 'taka picture' }, { xtype: 'textfield', label: 'price', name: 'price' }, { xtype: 'textfield', label: 'vendor', name: 'vendor' }, ] }, { xtype: 'button', id: 'receiptsave', padding: '10px', ui:'confirm', text: 'save' }, ] }, ], },
sencha-touch-2 carousel
Comments
Post a Comment