1. #1
    Ext User
    Join Date
    Aug 2009
    Posts
    2
    Vote Rating
    0
    iwallis is on a distinguished road

      0  

    Question Unanswered: Ext.ux.Carousel not displaying properly inside panel

    Unanswered: Ext.ux.Carousel not displaying properly inside panel


    Hi,

    I am attempting to load a Ext.ux.Carousel object based on the example in Ext-Core into a panel via the autoload: 'file.html' however it is not displaying properly. I am able to get the example working no problem.

    Code:
    var galleryPanel = new Ext.Panel({
    		id: 'gallery-panel',
          	//padding: 5,
    		margins: '5 0 0 5',
    		frame: true,
    		width: 500,
    		autoHeight: true,
    		title: 'Gallery',
    		autoLoad: {
    			url: 'gallery.html',
    			scripts: true
    		}
        });
    ----------------------------
    file.html
    ----------------------------
    Code:
    <div id="simple-example" style="padding: 5px; height: 280px; width: 420px; background-color: #E6E6E0">
        		<img src="slides/1.jpg" title="Masterpiece">
                <img src="slides/2.jpg" title="Teeth">
                <img src="slides/3.jpg" title="Roar">
                <img src="slides/4.jpg" title="Feed me">
                <img src="slides/5.jpg" title="Debugging">
                <img src="slides/6.jpg" title="Baby">
            </div>
    
    <script type="text/javascript">
    	Ext.onReady(function() {
                    new Ext.ux.Carousel('simple-example');
                              })
    
    
    </script>
    Any ideas why this problem is occurring?

  2. #2
    Ext User
    Join Date
    Aug 2009
    Posts
    2
    Vote Rating
    0
    iwallis is on a distinguished road

      0  

    Default additional notes

    additional notes


    After some further investigation it looks as though the width and height attributes are 0 when instantiated within a Ext.Panel object.

    When instantiated with Ext. Panel, Firebug is showing:

    Code:
    <div id="gallery-panel" class=" x-panel " style="width: 538px;">
    <div class="x-panel-tl">
    </div>
    <div id="ext-gen42" class="x-panel-bwrap">
    <div class="x-panel-ml">
    <div class="x-panel-mr">
    <div class="x-panel-mc">
    <div id="ext-gen43" class="x-panel-body" style="width: 526px; height: auto;">
    <div id="simple-example" style="padding: 5px; overflow: hidden; height: 280px; width: 420px; background-color: rgb(230, 230, 224);">
    <div id="ext-gen72" class="ux-carousel-container" style="width: 0px; height: 0px;">
    <div id="ext-gen73" class="ux-carousel-slides-wrap" style="width: 0px; left: 0pt;">
    <div id="ext-gen78" class="ux-carousel-slide" style="width: 0px; height: 0px;">
    </div>
    <div id="ext-gen79" class="ux-carousel-slide" style="width: 0px; height: 0px;">
    </div>
    <div id="ext-gen80" class="ux-carousel-slide" style="width: 0px; height: 0px;">
    </div>
    <div id="ext-gen81" class="ux-carousel-slide" style="width: 0px; height: 0px;">
    </div>
    <div id="ext-gen82" class="ux-carousel-slide" style="width: 0px; height: 0px;">
    </div>
    <div id="ext-gen83" class="ux-carousel-slide" style="width: 0px; height: 0px;">
    </div>
    </div>
    <div id="ext-gen74" class="ux-carousel-nav" style="visibility: visible;">
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="x-panel-bl x-panel-nofooter">
    </div>
    </div>
    </div>
    When run from the example:

    Code:
    <div id="simple-example" style="padding: 5px; overflow: hidden; height: 280px; width: 420px; background-color: rgb(230, 230, 224);">
    <div id="ext-gen2" class="ux-carousel-container" style="width: 420px; height: 280px;">
    <div id="ext-gen3" class="ux-carousel-slides-wrap" style="width: 2520px; left: -420px; top: 0px;">
    <div id="ext-gen8" class="ux-carousel-slide" style="width: 420px; height: 280px;">
    </div>
    <div id="ext-gen9" class="ux-carousel-slide" style="width: 420px; height: 280px;">
    <img title="Teeth" src="slides/2.jpg"/>
    </div>
    <div id="ext-gen10" class="ux-carousel-slide" style="width: 420px; height: 280px;">
    </div>
    <div id="ext-gen11" class="ux-carousel-slide" style="width: 420px; height: 280px;">
    </div>
    <div id="ext-gen12" class="ux-carousel-slide" style="width: 420px; height: 280px;">
    </div>
    <div id="ext-gen13" class="ux-carousel-slide" style="width: 420px; height: 280px;">
    </div>
    </div>
    <div id="ext-gen4" class="ux-carousel-nav" style="visibility: visible;">
    </div>
    </div>
    </div>

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi