1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    35
    Vote Rating
    0
    manoveg is on a distinguished road

      0  

    Default 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
    Code:
                        xtype: 'button',
                        cls:'btnCityCashback',
                        name : 'cityCashBack',
                        id:'cityCashBack',
    I have not specified size of image in css file.

    I have obtained width and height of viewport in cardcontroller.js
    Code:
    var viewportwidthcc= Ext.Element.getViewportWidth();
    var viewportheightcc= Ext.Element.getViewportHeight();
    Then I have obtained button object using
    Code:
    var btnCityCashback = Ext.getCmp('cityCashBack');
    and then later on did
    Code:
    var rtn=btnCityCashback.setWidth(some width);
    but it is not working and button is displayed in some default size.

    Please help

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,525
    Vote Rating
    871
    Answers
    3564
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Have you insured it's the component you want and have you inspected the DOM?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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 in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Posts
    35
    Vote Rating
    0
    manoveg is on a distinguished road

      0  

    Default


    It worked. I was calling setWidth from wrong place. I moved it to app.js

Thread Participants: 1

Tags for this Thread