Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Ext JS Premium Member
    Join Date
    Jul 2010
    Posts
    234
    Vote Rating
    1
    DaveC426913 is on a distinguished road

      0  

    Default Carousel content stacking wrong

    Carousel content stacking wrong


    (OK, I've now upgraded to v0.93.)

    I'm still struggling with getting this carousel working. (It was working fine before I upgraded to v0.93.) Now the content between two different cards is stacking strangely. I have stripped everything out down to the barebones and can't figure out why it's behaving this way. Even the sample snippet in the API docs has this behavior.

    The screen shot captures a moment between card 1 and card 2 (the scrolling here is left-right), so that you can see how the content of card 2 is pushed down below card 1's content. If I change the size of the image on card 1, or even put live text in place of the image, card 2's content is correspondingly pushed up or down to match.

    carousel_glitch.png

    (The maxHeight has to be there in order to see card 2's content at all. Eliminating it means card 2's content is pushed all the way out of visibility).
    Code:
     
    Specials = Ext.extend(Ext.Panel, {
     initComponent: function() {
      var config = {
       items: [{
        xtype: 'carousel',
        defaults:{
         maxHeight:300,
        },
        items: [{
         html: "<img src='img/ads/specials_ad_med_tide.png'>"      
        },{
         html: "<img src='img/ads/specials_ad_med_tide.png'>"      
        }]
       }]
      }
      Ext.apply(this, Ext.apply(this.initialConfig, config));
            Specials.superclass.initComponent.apply(this, arguments);
     },
    });
    Ext.reg('specials', Specials);

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,630
    Vote Rating
    581
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    a) Why are you extending there? It seems like you aren't adding any extra functionality, you're just configuring a component, seems like a waste.

    b) Why are you setting a maxHeight? By default the carousel will use a card layout which means all the items get stretched to fit the dimensions of a container.

    Without context, it's impossible to say why you're seeing that behaviour.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Ext JS Premium Member
    Join Date
    Jul 2010
    Posts
    234
    Vote Rating
    1
    DaveC426913 is on a distinguished road

      0  

    Default


    Quote Originally Posted by evant View Post
    a) Why are you extending there? It seems like you aren't adding any extra functionality, you're just configuring a component, seems like a waste.
    I was in the middle of adding some previous/next buttons on either side of the carousel (our users do not necessarily know iPhone-like gestures; they'll need visual aids for scrolling). The entire Specials, - carosuel and prev/next buttons - will probably be used again somewhere else.

    So, when I encounter a component not behaving, and can't figure out why, I start eliminating extraneous elements as a cause.

    But - because I am having trouble wrapping my head around how to easily convert between a one-off implementation (the way you guys build all your examples):
    Ext.setup({
    onReady: function() {
    var carousel1 = new Ext.Carousel({

    and a structured implementation, the way I'm building it as part of a larger app - I tend to leave my sub-components within their parent components.




    Quote Originally Posted by evant View Post
    b) Why are you setting a maxHeight? By default the carousel will use a card layout which means all the items get stretched to fit the dimensions of a container.
    As I mentioned, I only have the maxHeight in there because the carousel is not behaving - without the maxHeight, the carousel is too small to show that second image at all -it's simply outside the lower bound of the carousel.

    I can easily eliminate the maxHeight. Yes, I will get the same behaviour of the wayward picutre - but it would be invisible to the eye off-screen (so my screen capture would be useless).

    Quote Originally Posted by evant View Post
    Without context, it's impossible to say why you're seeing that behaviour.
    That is all the context there is. That simple code produces that result. But it shouldn't. That should look like a completely default carousel with two cards, one image on each card.

    What is making that second image get pushed down by the first image? Presumably that is not intended default behaviour of a carousel.

    As I mentioned, the sample code from the API has the same problem:
    Code:
     
    var carousel = new Ext.Carousel({
       items: [{
           html: '<h1>Carousel</h1>',
           cls: 'card1'
       }, {
           title: 'Tab 2',
           html: '2',
           cls: 'card2'
       }, {
           title: 'Tab 3',
           html: '3',
           cls: 'card3'
       }]
    });
    Presumably, this should result in :
    Code:
     
    |   Tab 1   |  Tab 2   |  Tab 3   |
    It doesn't. It results in:
    Code:
     
    |   Tab 1   |           |           |
    |           |   Tab 2   |           |
    |           |           |   Tab 3   |

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,630
    Vote Rating
    581
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    I'm not seeing that, for example:

    Code:
    Ext.setup({
        onReady: function(){
            var carousel = new Ext.Carousel({
                height: 200,
                width: 200,
                items: [{
                    html: '<h1>Carousel</h1>',
                    cls: 'card1'
                }, {
                    title: 'Tab 2',
                    html: '2',
                    cls: 'card2'
                }, {
                    title: 'Tab 3',
                    html: '3',
                    cls: 'card3'
                }]
            });
            carousel.show();
        }
    });
    That's all I have and it behaves exactly as I would expect it to. Are you sure you've got the css updated and it's not cached?
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  5. #5
    Ext JS Premium Member
    Join Date
    Jul 2010
    Posts
    234
    Vote Rating
    1
    DaveC426913 is on a distinguished road

      0  

    Default


    jgarcia@tdg-i.com has just pointed out to me that it is possible some of my woes are coming from trying to test my code in Chrome on my desktop system instead of on my device or at least in a webkit simulator. I'd assumed Chrome was fully compliant and would reflect webkit faithfully.

    I will do some checking into this.

  6. #6
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,630
    Vote Rating
    581
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    I ran my above sample on Chrome as well without any issue.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  7. #7
    Ext JS Premium Member
    Join Date
    Jul 2010
    Posts
    234
    Vote Rating
    1
    DaveC426913 is on a distinguished road

      0  

    Default


    Hey wait a minute! Carousel does not HAVE height or width properties!

  8. #8
    Ext JS Premium Member
    Join Date
    Jul 2010
    Posts
    234
    Vote Rating
    1
    DaveC426913 is on a distinguished road

      0  

    Default


    Are these width and height properties simply something not in the API documentation? Or is it me, not reading them properly? Neithetr Carousel, nor any of its ancestors have them.

    If this is a documentation issue, that could certainly allow me to be less frustrated with myself for having so much difficulty.

Similar Threads

  1. Carousel in a tab content area
    By dbmoore in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 25 Aug 2010, 6:16 PM
  2. vertical scrolling content within carousel & css question
    By Chromatik in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 26 Jul 2010, 1:35 PM
  3. [OPEN] [FIXED-110] Carousel indicator breaks down after changing carousel content.
    By Mphasize in forum Sencha Touch 1.x: Bugs
    Replies: 6
    Last Post: 1 Jul 2010, 11:41 AM
  4. Carousel panel content shows when it shouldn't (0.82)
    By rdougan in forum Sencha Touch 1.x: Bugs
    Replies: 0
    Last Post: 9 Jun 2010, 1:59 PM

Thread Participants: 1