29 Jan 2013 7:16 PM #1
Unanswered: how to dynamically change button size
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
xtype: 'button', cls:'btnCityCashback', name : 'cityCashBack', id:'cityCashBack',
I have obtained width and height of viewport in cardcontroller.js
var viewportwidthcc= Ext.Element.getViewportWidth(); var viewportheightcc= Ext.Element.getViewportHeight();
var btnCityCashback = Ext.getCmp('cityCashBack');
var rtn=btnCityCashback.setWidth(some width);
31 Jan 2013 10:39 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Have you insured it's the component you want and have you inspected the DOM?
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
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 email@example.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is 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