Open raymond-dillon opened 1 year ago
Extra Margin at Bottom of screen.
With the layout provided with larger volumes of text there is little margin at the bottom of the popup.
Add the below code to a popup
<Grid BackgroundColor="#e0e0e0" Margin="20" InputTransparent="true" VerticalOptions="Center"> <Frame BorderColor="Black" IsClippedToBounds="True" HasShadow="False" BackgroundColor="White"> <Grid Padding="10" RowSpacing="10" BackgroundColor="White" ColumnSpacing="10"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> </Grid.RowDefinitions> <!-- CONTENT --> <Image Margin="0" Source="{ Binding ImgSource, Source={x:Reference Root} }" HorizontalOptions="Start" VerticalOptions="Start" Aspect="AspectFit" HeightRequest="50" WidthRequest="50" Grid.Row="0" Grid.RowSpan="2" /> <Label Grid.Column="1" HorizontalOptions="Start" Grid.Row="0" Text="{ Binding MessageType, Source={x:Reference Root} }" FontSize="14" FontAttributes="Bold" TextColor="#425563"/> <Label Grid.Column="1" HorizontalOptions="Start" Grid.Row="1" Text="{ Binding MessageDateTime, Source={x:Reference Root} }" FontSize="14" FontAttributes="Bold" TextColor="#425563"/> <Label Grid.Column="0" Grid.ColumnSpan="3" HorizontalOptions="StartAndExpand" Grid.Row="2" x:Name="lblMessage" Text="{ Binding Message, Source={x:Reference Root} }" FontSize="Small" /> </Grid> </Frame> </Grid>
Version: 2.1
Platform:
On Android this works fine and the text has the correct amount of margin at the edge of the popup. On iOS this is also fine for small amounts of text - but the more text you add the wider the margin becomes.
Margin with a lot of text.
Margin with little text.
🐛 Bug Report
Extra Margin at Bottom of screen.
Expected behavior
With the layout provided with larger volumes of text there is little margin at the bottom of the popup.
Reproduction steps
Add the below code to a popup
Configuration
Version: 2.1
Platform:
On Android this works fine and the text has the correct amount of margin at the edge of the popup. On iOS this is also fine for small amounts of text - but the more text you add the wider the margin becomes.
Margin with a lot of text.
Margin with little text.