I have a button at the top of a grid screen. When I move focus to the button the focusBitmapUri image(focus image) is always about 35% wider(not sure exactly how much) than the iconUri(button image). This happens whether the focus image is larger, smaller or exactly the same size of the button image. :shock: I have tried setting the minWidth and maxWidth properties. They can allow me to make the width larger but not smaller than about 35% wider than the button image. However, I am able to change the height using the height property. I have no code referencing the button other than to change focus to it if up button is pressed. I want focusBitmapUri image to keep its width and not be stretched or shrunk.

All the code that references my button:

m.search = m.top.findNode("searchButton")
...
Function OnKeyEvent(key, press) as Boolean
...
    else if key = "up"
        m.search.setFocus(true)
...
End Function

This is my button:

<Button
    id="searchButton"        
    iconUri="pkg:/images/square.jpg"
    focusBitmapUri="pkg:/images/square2.png"
    translation="[40, 40]"
    minWidth="100" 
    height="100"
/>

I have tried with focusFootprint=false, with no translation set, and with many other combinations of properties. I have also tried using the button group.

How can I prevent the focusBitmapUri image from stretching or shrinking?  :?:
Is this just an intended feature that I am just misunderstanding?  :?:
How can I make the focusBitmapUri image and the iconUri image be the same width?  :?:

Thank you very much for taking the time to read this. Any information, no matter how small will be very appreciated. 🙂