Stack Overflow
Stack Overflow

Questions tagged [sencha-touch-theming]

Sencha Touch has introduced a revolutionary new theming system, built on SASS and Compass.

Sencha Touch has introduced a revolutionary new theming system, built on SASS and Compass, that allows you to create versions of our base theme custom tailored to your application and brand. Because Sencha Touch is built on web standards and targets WebKit, developers are free to use the wide variety of CSS3 properties already available to the platform, like border-radius, background gradients, and even more advanced properties like the CSS3 flexible box model. To create a custom variant of the bundled theme that uses SASS and Compass is very straight-forward as well.

33 questions
2
votes
1 answer

Sencha Touch 2.2 icons not displaying with Base theme

I'm trying to make my own custom theme, for this I import the Base theme. I'm trying to add icons to buttons like this : { xtype: 'button', align : 'left', name : 'btnName', iconCls : 'team', iconMask: 'true' } The icon isn't…
Dar-Jee
  • 183
  • 3
  • 12
2
votes
1 answer

Custom xtypes as a cell in ext.listview

I am using sencha touch 2 and not getting help inside sencha forum, so I hope you guys can help me. I want to create a list with custom items. In this custom item i want to have a horizontal scrollable listview with buttons as items. I tried to do…
Lailo
  • 641
  • 1
  • 8
  • 24
2
votes
2 answers

customizing sencha touch toolbar

I want to create a custom toolbar using sencha touch. Using Ext.Toolbar, i am able to create a decent screen titlebar. But my requirement is to place my company brand image logo in the center of the title bar not the simple text as provided by the…
Nilanchala
  • 5,891
  • 8
  • 42
  • 72
1
vote
1 answer

Registering a JSONm store in sencha touch

I am new in sencha touch application development .I am trying to load some data from remote we server to a list . I created a Store like the following Ext.regStore('customers',{ model : 'customer', sorters : 'firstName', storeId : 'customers', data…
MobX
  • 2,640
  • 7
  • 33
  • 54
1
vote
1 answer

How to access Sencha touch List Row index, retrieve value, and apply changes?

I am stuck in sencha touch list were i need to give alternate background color for the rows in a list. One more doubt how to customize a list in sencha touch , because i need to add text field, button, images in the list row's . I tried it with…
Sameer
  • 89
  • 1
  • 10
1
vote
2 answers

Theming Sencha Touch - Compass & SSAS Required?

I'm pretty new to Sencha Touch. From what I've played with, it's a great framework. I'm working on my first production site and I'm having some issues wrapping my mind around the theming. Are Compass & SSAS really required to change the colors of…
James Hill
  • 60,353
  • 20
  • 145
  • 161
1
vote
2 answers

custom css x-type list Sencha

We are using Sencha Touch 2.3.0 framework for our app. We have a list of items that is grouped by date. We are trying to adjust the group header's layout with css. All documentation on the internet says that we had to add the cls:'CustomClass' item,…
Peter Fox
  • 1,239
  • 2
  • 11
  • 31
1
vote
3 answers

sencha touch: I could not theme Sencha Touch / ExtJS application

I am developing a sencha touch application using sencha architect. I have to change the background color, font color, font-family and icons according my company's standard in the app. I tried to create SASS file @import…
Sridhar Boganathan
  • 399
  • 5
  • 26
1
vote
1 answer

Sencha Touch toolbar height

I dynamically create a bottom toolbar but it has its default height no matter the value I give to the height property. I tried the purcentage, pixels, simple numbers but nothing works. myComponent.add({ xtype:'toolbar', …
Cherif
  • 5,223
  • 8
  • 33
  • 54
1
vote
1 answer

How to change the dimension for a button in Sencha Touch

I have this button in Sencha Touch 2, I would need to resize to "small"I need change its height. Could you please provide me a sample of code? thanks navigationBar: { items:[{ xtype: 'button', text:…
GibboK
  • 71,848
  • 143
  • 435
  • 658
1
vote
2 answers

How to set the title for the navigation bar of the panel dynamically

I have implemented my application in sencha touch in my panel i have a navigation bar i want to set title dynamically on panel header Ext.define('FleetSyncApp.view.WSMachineTypes', { extend: 'Ext.Panel', alias:…
user1425472
  • 333
  • 2
  • 10
  • 28
1
vote
1 answer

Sencha touch 2 - background image urls vs base64 encoding

I have built a phonegap app in sencha touch 2. it all works ok, but I notice a momentary hang when switching tabs when it loads images/icons. I would have thought it would have been instant since the images are all contained within the app. I load…
BillyMedia
  • 1,354
  • 2
  • 16
  • 21
1
vote
1 answer

sencha touch iphone list arrow icon

I have an Sencha Touch 2 app with quite a few lists having onItemDisclosure set to true. They show a white arrow in a blue circle on both Android and iPhone, even though the iPhone is using apple.css. Based on posts here and on the Sencha Forum,…
SteveCav
  • 6,649
  • 1
  • 50
  • 52
1
vote
1 answer

Using Marker to Spot a particular address in a Map (Sencha Touch 2) Sencha Map

Am trying to build an app which gives a user direction once he or she clicks on the address. the structure of my App goes this way: i have manage to compile all the address i want in a list form, meaning the user can click on the address and it will…
Apulo Ohale Cosmas Lite
  • 187
  • 2
  • 7
  • 21
0
votes
1 answer

customizing nestedlist title, sencha touch 2 PR4

The title and the back button are displayed inline while navigating the nestedlist, is it possible to display the title below the back button ? Even though there are no child items in nested list, the nested list navigates and shows a blank screen.…
Ayub
  • 599
  • 3
  • 10
  • 24
1
2 3