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
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