Quantcast
Channel: Xamarin.Forms — Xamarin Community Forums
Viewing all articles
Browse latest Browse all 77050

Create custom Button

$
0
0

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>

Viewing all articles
Browse latest Browse all 77050

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>