PDA

View Full Version : Designg custom Ext.Button



stenlik
4 Dec 2010, 1:25 AM
Hi,

I think almost every new project needs custom Ext.Button, which as I understand can be done either by modifying existing CSS style or in the case of more complicated UI images should be used.

I did not found any comprehensive tutorial on this topic. First, I would like to try to use CSS. I have checked the CSS button tutorial (http://www.binarymoon.co.uk/2010/06/css-button-redux/), then I checked buttons in kitchen sink example. In web inspector I have found that there is the .x-button class which defines the button look&feel. With use of the PorCSSor (http://procssor.com/process) I checked such a class in the sencha-touch-debug.css.

Now I do not know what and how to change - should I copy&modify existing CSS and use it as a cls parameter? it will be REALLY useful to see demos showing how to change existing button normal and pressed (active) state color and how to do the same with images.

I think it is pretty easy, but I am new to the topic...

Thank you a lot for your help
BR
STeN

sandor
4 Dec 2010, 5:31 AM
Just do a Search for SASS on this Forum. There is a thread on this topic with some links to a tutorial from David...

stenlik
6 Dec 2010, 12:12 AM
Dear sandor,

if you can be more concrete or point to some example I will really appreciate it...

BR
STeN

sandor
6 Dec 2010, 1:36 AM
check this thread: http://www.sencha.com/forum/showthread.php?115192-Sencha-Touch-theming-guidelines&highlight=SASS
and this one: http://www.sencha.com/forum/showthread.php?116065-Need-some-urgent-help-with-SASS-please...&highlight=SASS
and here is a link to some theming infos: http://cl.ly/34p6

Cheers,

stenlik
6 Dec 2010, 3:50 AM
Thanks!
STeN