-
29 Jan 2013 7:16 PM #1
Unanswered: how to dynamically change button size
Unanswered: how to dynamically change button size
Hi,
I am using ST 1.1 and I have to dynamically change button width & height according to device dimensions.
I have made buttons using an image specified in css file
I have not specified size of image in css file.Code:xtype: 'button', cls:'btnCityCashback', name : 'cityCashBack', id:'cityCashBack',
I have obtained width and height of viewport in cardcontroller.js
Then I have obtained button object usingCode:var viewportwidthcc= Ext.Element.getViewportWidth(); var viewportheightcc= Ext.Element.getViewportHeight();
and then later on didCode:var btnCityCashback = Ext.getCmp('cityCashBack');
but it is not working and button is displayed in some default size.Code:var rtn=btnCityCashback.setWidth(some width);
Please help
-
31 Jan 2013 10:39 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,641
- Vote Rating
- 434
- Answers
- 3107
Have you insured it's the component you want and have you inspected the DOM?
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
31 Jan 2013 7:19 PM #3
It worked. I was calling setWidth from wrong place. I moved it to app.js


Reply With Quote