Step1 : Gather all your icon images and dump it in a folder
Step2 : Define style class for your icons
1 2 3 4 5 6 7 8 9 10 11 12 13 | < style type = "text/css" > .icon-go { background-image: url(images/go.jpg) !important; } .icon-back { background-image: url(images/back.jpg) !important; } .icon-add { background-image: url(images/add.gif) !important; } </ style > |
Step3 : Specify the class in the button iconCls property
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | items: [ { xtype: 'button' , id: 'add' , text: 'New Entry' , iconCls: 'icon-add' }, { xtype: 'button' , id: 'continue' , text: 'Continue' , iconCls: 'icon-go' }, { xtype: 'button' , id: 'back' , text: 'Back' , iconCls: 'icon-back' } ] |
No comments:
Post a Comment
NO JUNK, Please try to keep this clean and related to the topic at hand.
Comments are for users to ask questions, collaborate or improve on existing.