PDA

View Full Version : How to style components: themes, ui, where I can find examples/tutorials/guide?



diegofer
26 Jan 2011, 10:28 AM
Help me please. I'm writing an app with senche, but I can't style these objects: selectfield, searchfield...
I want to make them rounded, but I can't in any way, and I can't find online appropriate guidelines, tutorials, example on how to style components..

Thank you so much.

elishnevsky
26 Jan 2011, 10:55 AM
http://www.sencha.com/blog/2010/12/17/an-introduction-to-theming-sencha-touch/

AndreaCammarata
26 Jan 2011, 2:03 PM
Hi diegofer.
Look at the following Sencha video.

http://vimeo.com/17879651

Hope this helps.

diegofer
26 Jan 2011, 11:32 PM
Thank you for your answer, I've already seen the video and the link..but what I ment yesterday was not to make my own css style for the components, but just to understand if there are some "already done" style I can specify in the config section as well as I do with the Ext.Button component. For a button, for instance, I can define {ui: 'decline-round'}, and it will be rendered red with rounded borders, automatically. Is there such a thing for the other components (see searchfield, selectfield)??

Tomorrow I've to show a demo of the project. :s
Thank you again. ;)

djmtype
2 Feb 2011, 7:57 PM
Chris Coyier from CSS-Tricks has a nice introductory video on installing and using Compass and Sass on the Mac. http://css-tricks.com/video-screencasts/88-intro-to-compass-sass/

Also, if you have problems including some of Sencha's icon set from the pictos folder, you may need to change your config.rb file so it's finding the Sencha framework correctly.

Because of my file structure, I needed to change this...

# Load the sencha-touch framework
load File.join(sass_path, '..', '..', '..', '..', 'resources', 'themes')# Load the sencha-touch framework

...to this

load File.join(sass_path, '..', 'themes')