-
13 Nov 2012 12:30 AM #1
Answered: [Solved] GXT 3.0.1 how to change TextButton background image (or style) ?
Answered: [Solved] GXT 3.0.1 how to change TextButton background image (or style) ?
Hi!
Tell me, please, how to change TextButton background image in GXT 3.0.1? I have seen examples in the forum, but for version 2.0.x (for example - http://www.sencha.com/forum/showthre...103#post489103). I think they are not suitable for version 3.0.1Last edited by Manjago; 13 Nov 2012 at 11:45 PM. Reason: Solved
-
Best Answer Posted by poseidonjm
GXT3 use the appearance patern
http://www.sencha.com/blog/ext-gwt-3-appearance-design/
http://www.slideshare.net/senchainc/...nd-appearances
http://stackoverflow.com/questions/1...button-styling
I recommend create your own custom button. Like I did:
ActionButtonCell.java
ActionButtonCellAppearance.java
ActionButton.html
ActionButton.cssCode:<divclass="{style.image}"title="{title}">{img}</div>
Use as a cell column in a GridCode:.image{ cursor: pointer; }
The code is about a action button (only a icon without text) using Client Bundle. You can modify to include a text.
-
13 Nov 2012 1:57 PM #2
GXT3 use the appearance patern
http://www.sencha.com/blog/ext-gwt-3-appearance-design/
http://www.slideshare.net/senchainc/...nd-appearances
http://stackoverflow.com/questions/1...button-styling
I recommend create your own custom button. Like I did:
ActionButtonCell.java
ActionButtonCellAppearance.java
ActionButton.html
ActionButton.cssCode:<divclass="{style.image}"title="{title}">{img}</div>
Use as a cell column in a GridCode:.image{ cursor: pointer; }
The code is about a action button (only a icon without text) using Client Bundle. You can modify to include a text.
-
13 Nov 2012 11:44 PM #3
Thanks!
Thanks!
Thanks for the great detailed response!


Reply With Quote