Skip to content

FreakyTextInputLayout

Gulam Ali H edited this page Sep 30, 2022 · 1 revision

A Freaky TextInputLayout that also has all the freaky features from our Entry control and more.

NOTE: BorderType is to be used before adding Border/Underline details.

BorderType: An enum which lets you choose whether you would like Full, Outlined, Underlined or No borders.

If you select Full or Outlined:

BorderStroke: BorderStroke, of type Brush, indicates the brush used to paint the border.

BorderStrokeThickness: BorderStrokeThickness, of type double, indicates the width of the border.

BorderCornerRadius: BorderCornerRadius property is set to a CornerRadius Type.

     <freakyControls:FreakyTextInputLayout
            TextChanged="FreakyTextInputLayout_TextChanged"
            FontSize="Large"
            BorderStroke="Black"
            BorderType="Full" // Can be Outlined as well. 
            BorderCornerRadius="10"
            BorderStrokeThickness="2"
            ImageSource="calendar"
            ImageHeight="{OnPlatform 25, iOS=25, Android=40}"
            ImageWidth="{OnPlatform 25, iOS=25, Android=40}"
            ImagePadding="10"
            ImageCommand="{Binding ImageWasTappedCommand}"
            Title="Bordered TextInputLayout"/>

If you select Underline:

UnderlineColor: The color of the underline drawn for the TIL

UnderlineThickness: Underline thickness double, that decides the thickness for your underline

    <freakyControls:FreakyTextInputLayout
            x:Name="yolo"
            FontSize="Large"
            ImageSource="calendar"
            ImageHeight="{OnPlatform 25, iOS=25, Android=40}"
            ImageWidth="{OnPlatform 25, iOS=25, Android=40}"
            ImagePadding="10"
            ImageCommand="{Binding ImageWasTappedCommand}"
            UnderlineColor="Black"
            BorderType="Underline"
            UnderlineThickness="1.5"
            Title="Underlined TextInputLayout"/>

Title: Title/Placeholder for your TIL.

TitleColor: Text color for your Title.

Clone this wiki locally