Hi there, I'm currently struggling with making a custom button for my App. I am suppose to create a button with 2 sections: Icon Image + Text/Detail (Changeable due to binding). My current approach is a Grid with 1 row x 2 column and 2 boxviews as background color. Below is my code as well as the images of what I want to achieve and what the current code came out. Is there anyway to do multi line text in button? Any helps would be greatly appreciated! Thanks!
<Grid BackgroundColor="#E3E3E3" RowSpacing="0" ColumnSpacing="0">
<BoxView HeightRequest="100" WidthRequest="100" Color="#00C0ED" Grid.Row="0" Grid.Column="0" />
<BoxView HeightRequest="100" WidthRequest="200" Color="#00C0ED" Grid.Row="0" Grid.Column="1" />
<Button Text="Vitals" Style="{StaticResource ButtonStyle}" Grid.Row="0" Grid.Column="1" Clicked="OnVitalsClicked" />
<Button Text="{Binding SPDP, StringFormat='{0}'}" Style="{StaticResource ButtonStyle}" Grid.Row="1" Grid.Column="1" Clicked="OnVitalsClicked" />
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="2*" />
</Grid.ColumnDefinitions>
</Grid>