1. #1
    Sencha User arindam.hit's Avatar
    Join Date
    May 2012
    Location
    Hyderabad
    Posts
    99
    Answers
    1
    Vote Rating
    1
    arindam.hit is on a distinguished road

      0  

    Default Unanswered: How to make a Rounded list view in sencha touch 2

    Unanswered: How to make a Rounded list view in sencha touch 2


    I want a rounded list view in Sencha Touch 2. For that, i used ui:round attribute. But it is not working. Now left side, it is coming rounded. But for right side, it is not coming properly. And i want the list inside that rounded border. Below is my code:http://www.senchafiddle.com/#eB8cw#cgQat.
    Even list scrolling is also not coming properly.

    Please help me. I am new in this Sencha Touch

  2. #2
    Sencha User
    Join Date
    Apr 2012
    Location
    Toronto, Canada
    Posts
    92
    Answers
    20
    Vote Rating
    12
    iSmartDevice is on a distinguished road

      0  

    Default


    Here is what I have been using the "Ext.List". It works fine for me.
    Code:
    Ext.define('YourApp.view.user.AllDetail', {
        extend: 'Ext.List',
        xtype: 'allDetail',
    	requires: [
    		'Ext.plugin.ListPaging'
    	],
    	
    	config: {
    		styleHtmlContent: true,
    		padding: Ext.os.is.Phone ? '0px':'1em',
    		ui: Ext.os.is.Phone ? 'normal' : 'round',
    		
    		emptyText: '<div class="loading">Loading list of details...</div>',
            itemTpl: '<div class="bold-title">{TITLE}</div><div class="detail-text">{TEXT}</div>',
    	},
    	
    });

  3. #3
    Sencha User arindam.hit's Avatar
    Join Date
    May 2012
    Location
    Hyderabad
    Posts
    99
    Answers
    1
    Vote Rating
    1
    arindam.hit is on a distinguished road

      0  

    Default


    Actually it is properly not working for me. I have one tab panel in the top with three tabs : Artist, Playlist and Albums. When i will press a tab, it should show me the list of Artist or Albums. I want the rounded list in the middle of the screen with all the list elements. And when i will scroll through the list, it should show me the last element also. Below is the code:

    Code:
    Ext.define('MyApp.view.MyTabPanel', {    extend: 'Ext.tab.Panel',
    
    
        config: {
            layout: {
                animation: 'fade',
                type: 'card'
            },
            items: [
                {
                    xtype: 'container',
                    draggable: true,
                    styleHtmlContent: true,
                    title: 'Artist',
                    items: [
                        {
                            xtype: 'list',
                            height: 696,
                            ui: 'round',
                            width: 480,
                            modal: true,
                            itemTpl: [
                                '{firstName}'
                            ],
                            store: 'name',
                            onItemDisclosure: true
                        }
                    ]
                },
                {
                    xtype: 'container',
                    styleHtmlContent: true,
                    scrollable: true,
                    title: 'Albums',
                    items: [
                        {
                            xtype: 'list',
                            height: 730,
                            ui: 'round',
                            width: 450,
                            modal: true,
                            itemTpl: [
                                '{albumlist}'
                            ],
                            store: 'albumstore',
                            onItemDisclosure: true
                        }
                    ]
                },
                {
                    xtype: 'container',
                    styleHtmlContent: true,
                    title: 'Playlist',
                    items: [
                        {
                            xtype: 'list',
                            height: 700,
                            ui: 'round',
                            width: 480,
                            modal: true,
                            itemTpl: [
                                '{playlist}'
                            ],
                            store: 'playliststore',
                            onItemDisclosure: true
                        }
                    ]
                }
            ],
            tabBar: {
                docked: 'top',
                layout: {
                    align: 'center',
                    pack: 'center',
                    type: 'hbox'
                }
            }
        }
    
    
    });

Thread Participants: 1

Tags for this Thread

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