Problem when adding more than 3 cards to sencha-touch carousel -
I'm using Sennhe Touch in my iPhone app. My carousel works fine when I use three cards, but as soon as I use four cards, there is a bug:
The first and fourth cards are overlapping * unless I do not go to the second card. After slipping back to the first card, the fourth card disappeared.
(The content of overlapping = 1 and fourth card is displayed. 4th card is in the foreground)
What's going on here? I do not understand if anyone else has received such error? Is this a real bug or a mistake in my code?
This is my JS:
Ext.setup ({onReady: function ()} // Create a carousel [karal] = new extension. Default: {cls: 'card'}, items: [{cls: 'tab1', html: 'Tab 1'}, {cls: 'tab2', html: 'Tab 2'}, {cls: 'tab3' Html: 'tab 3'}, {cls: 'tab4', html: 'Tab 4'}]}; New extension. Panels ({fullscreen: true, layout: {type: 'vbox', align: 'stretch '}, Defaults: {Flex: 1}, items: [carousel]});}}); Edit: If you can get a carousel working with a 4+ tab, then you will already prove that I have done something wrong.
Here are some of the possibilities:
-
use of vbox It can confuse (though this is not possible). Just consider switching to your panel configuration:
New Ext.Panel ({layout: 'fit', items: carousel}); -
It may be related to a similar and slightly ambiguous problem that we saw in 1.x. Try it out:
- Include 4 lines below line 23 (@Sincha-Carousel;) for open processing / SCS / apps.Scss and move so that it immediately after the sync-layout line
If this is the same problem as I had seen some time ago (it is not guaranteed that ) This will fix it
Comments
Post a Comment