Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jan 2011
    Posts
    19
    Vote Rating
    0
    tmanderson is on a distinguished road

      0  

    Default Ext.Img component: sizing does not actually size specified image.

    Ext.Img component: sizing does not actually size specified image.


    It looks like the Img component takes the supplied image and makes it the background-image for an Panel. Since this is the case, scaling of the image cannot be forced. When specifying a width and height, it should apply to the background-size attribute of the Panel.

    I was assuming the following options:
    Code:
    scaling: 'contain' or 'cover'
    height: 500 
    width: 500
    which all, of course, would be added to the Panel's background-size attribute.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,227
    Vote Rating
    859
    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


    If you set mode : 'image' on the Ext.Img then it will act the way you wish. Or if you want to leave it as default then you can use this CSS:

    Code:
    .x-img {
        background-size: 100%;
    }
    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
    Touch Premium Member
    Join Date
    Jun 2008
    Location
    Germany, Dortmund
    Posts
    249
    Vote Rating
    12
    hschaefer123 will become famous soon enough

      0  

    Default


    Hi Mitchell,
    it would be great to see all used properties in the api doc also (not only investigating source code).

    That would make live a little bit easier.

    Maybe this are hidden gems for experienced developers that like sources but it is good to know that there is always one person who knows them all ;-)

Thread Participants: 2

Tags for this Thread