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
0
votes
1 answer

Sencha Touch Charts style

I'm playing with Sencha Touch Charts. I've got them working, with interactions, animation everything is good. I even styled a bunch of them. But when I got around styling a series of type area.. it just wouldn't take. new Ext.chart.Chart({ …
Michael
  • 3,416
  • 1
  • 19
  • 21
0
votes
1 answer

How to handle tap event on sencha searchfield 'Clear' (X) icon?

i am trying to handle event on tap of clear button on sencha searchfield which appears there by default. i couldn't find a listener to handle that event on sencha docs. any help will be appreciated. i referred this thread. sencha touch textfield…
Arihant
  • 11
  • 5
0
votes
1 answer

Adjust width of Ext.Msg in Sencha touch

I am trying to develop a mobile app using Sencha touch .I need to show a custom message box with 4 buttons.But i cannot change the with of message box,because of that only 3 buttons are visible in the message.please anyone help me to adjust the…
MobX
  • 2,640
  • 7
  • 33
  • 54
0
votes
1 answer

Sencha touch theme: how to customize button icon?

I am trying to use sass/compass to customize the Sencha touch theme for my app. However, I couldn't find a way to properly set up the icons for buttons. @import '../resources/themes/stylesheets/sencha-touch/default/_all'; $include-default-uis:…
Simon
  • 1,463
  • 6
  • 34
  • 46
0
votes
2 answers

draw a shape in sencha touch

I'm was looking but i cant find a way to draw a shape(circle,square) in sencha touch, just for drag that shape in a tablet. if some one knows how make this, would appreciate the help.
Alexander
  • 277
  • 1
  • 6
  • 17
0
votes
1 answer

ExtJs5 + Spinnerfield + Touch devices

I'm working on migrate a project Ext4 -> Ext5. Beta users reasonable noticed, that current spinner fields with up&down triangles on touch devices are very hard to be used. They has small sizes and it will be much better to have (-) and (+) buttons…
olegtaranenko
  • 3,722
  • 3
  • 26
  • 33
0
votes
1 answer

Is it possible to override SASS files for specific components in Sencha Touch?

Is it possible to override SASS files for specific components in Sencha Touch? The way one would do it for ExtJS project?
jayarjo
  • 16,124
  • 24
  • 94
  • 138
0
votes
2 answers

Sencha Touch: Change text color of a component

I have a simple View (Container) containing a component. Content is added to this component using Ext.getCmp('foo').setHtml('bar'); I want now to change the text color of the component "foo". Using the style-property works fine, but only as long as…
0
votes
1 answer

Change Sench Touch 2.3 Theme before launch

I'm trying to set the theme of my sencha touch app based on url parameter. http://myapp/?mythemename I use this code to get the name of the css file: launch: function() { var requestParams =…
fansonly
  • 1,150
  • 4
  • 14
  • 29
0
votes
0 answers

saas Error building app when using scss file from example code (Sencha Touch 2.3)

This seems to be a saas/scss related issue. I am trying to include some scss code from the example files in Touch 2.3 on Windows 7 to get the 'first time screen'. This is from the sample touchtomatoes app…
Ravi R
  • 1,692
  • 11
  • 16
0
votes
1 answer

Sencha touch exclude all senchas sass/css files for custom design?

I have a fast question that I hope some1 can answer me. I am implementing custom design for a company doing a sencha-touch app for ios and android. When I first came it was a big mess of !importants and overrides everywhere and i couldnt touch…
Pedroinpeace
  • 1,419
  • 1
  • 14
  • 20
0
votes
1 answer

navigate to next view on image tap?

I am using dataview itemTpl to display my images (thumbnail view). I am able to display the images properly. How can I add itemtap on these images? So that when I tap on a particular image a new view is shown with the tapped image? I tried this…
Sukane
  • 2,632
  • 3
  • 18
  • 19
0
votes
1 answer

How do I 'scale' the UI to a readable size

When I display my app on a device, the fonts, icons and buttons are unusably small. This is especially true on a tablet. How can I easily scale up all of of my UI components?
pinoyyid
  • 21,499
  • 14
  • 64
  • 115
0
votes
1 answer

How to swap CSS in Sencha Touch

I need to swap the css for my Mobile application done in Sencha Touch. At the moment I=m not obtaining any result. Could you tell me how to do it? Thanks
GibboK
  • 71,848
  • 143
  • 435
  • 658
0
votes
1 answer

How to integrate a segmentedbutton into a tabbar?

I'm creating a sencha touch app and the design requires a segmented button in the tab bar. Is there an easy way to do this with sencha built-in features or do I have to create that by myself (add a toolbar with the segmented button as an item and…
wiseveri
  • 191
  • 1
  • 9