I’m in the process of designing my first real app. Instead of using text on my buttons, I want to use pictures. I have three rows with two buttons each in the first two rows and one in the bottom row. I’ve taken out the button text and set the button radius to 0, so all of the buttons are square. I’ve got all of pictures I’m using set up with identical dimentions and I’ve set the buttons to have a background image. Each image is square.
For each of the buttons, I’ve set the width to 45% and the height to fill container. I haven’t selected a background picture resize mode, although I’ve played around with it to no avail.
When I run preview from the design screen, it seems to look fine. The entire picture is shown for each button. But when I try a live test, all I get a are horizontally oriented buttons that only show a portion of the picture.
I’ve tried to redesign the way the buttons act in the blocks by adding a block for "when screen loads, set button height to = button width, but that only gave me a larger horizontal button. So I really don’t know where to go from here. Any assistance would be very much appreciated.