Skip to content

Latest commit

 

History

History
240 lines (193 loc) · 4.58 KB

MaterialCodeEntryControl.md

File metadata and controls

240 lines (193 loc) · 4.58 KB
Raw

MaterialCodeEntry

Code fields let users enter and edit pin codes.

Screenshot

Example

<material3:MaterialCodeEntry
    LabelText="Code*" 
    Length="6" 
    Keyboard="Numeric" 
    Text="{Binding Code}" />

Documentation

Property Padding:

This property is to set the padding. By default use 12, 0

Property IsEnabled:

This property is to enable or disable the code entry.

Property FieldHeightRequest:

This property is to the field height. by default is 40

Property Keyboard:

This property is to the keyboard type.

Property KeyboardFlags:

This property is to the keyboard flags.

Property TextTransform:

This property is to set the text transforms

Property ReturnType:

This property is to set the return type.

Property BackgroundColor:

This property is to set the background color.

Property Length:

This property is to set the code length.

Property FieldWidthRequest:

This property is to set the field width.

Property TextColor:

This property is to set the text color.

Property FocusedTextColor:

This property is to set the focused text color.

Property DisabledTextColor:

This property is to set the disabled text color.

Property FontSize:

This property is to set the font size.

Property FieldWidthRequest:

This property is to set the field width.

Property FontFamily:

This property is to set the font family.

Property CornerRadius:

This property is to set the corner radious.

Property BorderColor:

This property is to set the border color.

Property FocusedBorderColor:

This property is to set the focused border color.

Property DisabledBorderColor:

This property is to set the disabled border color.

Property FocusedBackgroundColor:

This property is to set the focuised background color.

Property DisabledBackgroundColor:

This property is to set the disabled background color.

Property LabelText:

This property is to set the label.

Property LabelTextColor:

This property is to set the label color.

Property DisabledLabelTextColor:

This property is to set the disabled label color.

Property LabelSize:

This property is to set the label size.

Property LabelFontFamily:

This property is to set the label font family.

Property LabelMargin:

This property is to set the label margin family. By default uses (16,0,16,0).

Property LabelLineBreakMode:

This property is to set the Label Line Break Mode

Allowed values

  • NoWrap,
  • WordWrap,
  • CharacterWrap,
  • HeadTruncation,
  • TailTruncation,
  • MiddleTruncation


Property SecondaryLabelText:

This property is to set the label.

Property SecondaryLabelTextColor:

This property is to set the label color.

Property SecondaryDisabledLabelTextColor:

This property is to set the disabled label color.

Property SecondaryLabelSize:

This property is to set the label size.

Property SecondaryLabelFontFamily:

This property is to set the label font family.

Property SecondaryLabelMargin:

This property is to set the label margin family. By default uses (16,0,16,0).

Property SecondaryLabelLineBreakMode:

This property is to set the Label Line Break Mode

Allowed values

  • NoWrap,
  • WordWrap,
  • CharacterWrap,
  • HeadTruncation,
  • TailTruncation,
  • MiddleTruncation


Property SupportingText:

This property is to set the supporting text.

Property SupportingTextColor:

This property is to set the supporting text color.

Property SupportingSize:

This property is to set the supporting text size.

Property SupportingFontFamily:

This property is to set the supporting text font family.

Property SupportingMargin:

This property is to set the supporting text margin. By default uses (16,4,16,0).

Property SupportingLineBreakMode:

This property is to set the Supporting LineBreakMode.

Allowed values

  • NoWrap,
  • WordWrap,
  • CharacterWrap,
  • HeadTruncation,
  • TailTruncation,
  • MiddleTruncation


Property HorizontalTextAlignment:

This property is to set the horizontal text alignment.

Allowed Values:

  • Start
  • Center
  • End


Property AnimateError:

This property is to set if you can show a ShakeAnimation when there is a error with control. If the user doesn't rate.