CODEWITHSUNDEEP
androidextjssencha-touchsencha-touch-2
Viswa
Viswa

Reputation: 3211

How to design panel like this in sencha touch 2

I worked in sencha touch for almost a month, but i can't find a way to design UI like below in sencha.

enter image description here

Above panel is created using Jquery mobile.

How to create panel like this in sencha ?

Sencha touch panel not looks as beautiful like above

Upvotes: 0

Views: 381

Answers (1)

Sergio Prado
Sergio Prado

Reputation: 1216

Yeah, it's just some buttons in a panel. They would roughly be below. You'd have to edit the CSS (border radius, shadows, and whatnot), but the basic setup is pretty simple:

{
    xtype: 'panel',
    layout:{
        type:'hbox'
    },
    items:[
        {
            xtype:          "button",
            text:           'Register with X',
        },
        {
            xtype:          "button",
            text:           'Use Facebook Account',
        },
        {
            xtype:          "button",
            text:           'Use Twitter Account',
        }
    ]
};

Upvotes: 1

Related Questions