This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(48, 85%, 14%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPM%3C/text%3E%3C/svg%3E)
I have a calculator app with buttons. On some iPhones it deploys correctly. On other types of iPhones it deploys with very large buttons that revert to the correct size once I tap a button. Not sure how to get it to deploy correctly all the time.
iPhone 15 - deploys correctly
iPhone 15 Pro Max - deploys with large buttons
iPhone 15 Plus - deploys with large buttons
iPhone 11 - deploys correctly
The iPhone 15 results are from the Simulator while the iPhone 11 result is from the actual device
This all occurs on iOS 17
This app is being updated from xamarin to Maui. There are no button issues when I deploy the xamarin version. Only when I deploy the Maui version and then the problem is only with some iPhone/iPad models.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(22.400000000000002, 3%, 12%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EWZ%3C/text%3E%3C/svg%3E)
Do you set the background image for the button? Could you describe more about how you set the button?
And what's the VS version? What's the MAUI version (.net6/7 or 8)? You are using Xcode15, right?
Xamarin doesn't contains the iOS17 SDK. I noticed that the issue occurs on iPhone 15 Pro Max and iPhone 15 Plus, do you replace another background image to test?
The following are the various versions:
VS 17.8.1
.net8.0
Xcode 15.0.1
The images are setup as follows:
In the .csproj file
<MauiImage Update="Resources\Images\clipart559106normal.svg" Color="#EBF5FB" Resize="True" BaseSize="225,103" />
<MauiImage Update="Resources\Images\clipart559106rot.svg" Color="#EBF5FB" Resize="True" BaseSize="62,190" />
<MauiImage Update="Resources\Images\clipart559106shrunk.svg" Color="#EBF5FB" Resize="True" BaseSize="225,77" />
In the MainPage.xaml file (one example button)
<ImageButton x:Name="HelpButton" Source="clipart559106normal.png" Grid.Row="0" Grid.Column="0" BackgroundColor="Transparent" Clicked="Handle_HelpClicked" VerticalOptions="CenterAndExpand" HorizontalOptions="Center" Aspect="Fill" /> <Label Text="?" FontAttributes="Bold" FontSize="16" Grid.Row="0" Grid.Column="0" TextTransform="None" HorizontalOptions="Center" VerticalOptions="CenterAndExpand" HorizontalTextAlignment="Center" VerticalTextAlignment="Center">
<Label.GestureRecognizers> <TapGestureRecognizer Tapped="Handle_HelpClicked" NumberOfTapsRequired="1" /> </Label.GestureRecognizers> </Label>
Since I don't have the "clipart559106normal.png" image, I still cannot reproduce the issue. Could you replace it with other images and check if the issue is related to the image source?
After researching and trying a zillion things with no luck, I came up on workaround.
Pressing a button would cause the buttons to resize correctly. It turns out that I was scaling the button down when pressed and upscaling it when released. That would cause the buttons to resize.
I did a kludgy workaround by setting a (1/4 second)
timer in the OnPageAppearing event and then scaling one button when the timer kicked off. This works but is rather kludgy.
Thanks for your sharing.