Skip to content

ButtonContent

Vice edited this page May 8, 2019 · 3 revisions

ButtonContent:

ButtonContent is a Grid superposing a Button, a Loader, and a Content.

Property Description
Content The Content of the Button.
BorderWidth The border Width.
IsBusy The is busy property make appear the loader.
LoaderColor The loader color of the button.
TextColor The text color.
BackgroundColor The background color.
BorderColor The border Color.
HighlightTextColor The highlighted text color occurred when Pressed.
HighlightBackgroundColor The highlighted background color occurred when Pressed.
HighlightBorderColor The highlighted border color occurred when Pressed.
++ Button Property Command, Clicked, Released, CornerRadius, FontSize, FontFamily

Simple Button without content

<!-- Simple Button without content -->
     <controls:ButtonContent Margin="20"
            Clicked="_SubmitClicked"
            IsBusy="{Binding IsBusy, Mode=OneWay}"
            Text="Sign In"
            BorderWidth="2"
            CornerRadius="25"
            HeightRequest="50"
            WidthRequest="250"
            BackgroundColor="Teal"
            BorderColor="White"
            TextColor="White"
            HighlightBackgroundColor="White"
            HighlightBorderColor="White"
            HighlightTextColor="Teal"/>

Simple Button with content

<!-- Simple Button with content -->
    <global:ButtonContent VerticalOptions="Start"
            Clicked="ParameterClicked" BackgroundColor="White"
            HighlightBackgroundColor="LightGray">
            <StackLayout Orientation="Horizontal" Margin="10">
                 <Frame Padding="0" HasShadow="false"
                        BackgroundColor="Maroon"
                        CornerRadius="25"
                        HeightRequest="50"
                        WidthRequest="50" VerticalOptions="Center">
                 </Frame>
                 <Label Text="Parameters"
                        VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"
                        FontSize="Medium" FontFamily="Bold"
                        HorizontalTextAlignment="Center" VerticalTextAlignment="Center" />
                 <Label Margin="25,0,0,0" Text=">" ScaleY="2" TextColor="Navy" FontSize="40"
                        HorizontalOptions="End"
                        VerticalOptions="FillAndExpand" />
                 </StackLayout>
   </global:ButtonContent>