Skip to content
Rizan Zaky edited this page Mar 3, 2020 · 6 revisions

Tag View

Namespace: DIPS.Xamarin.UI.Controls.Tag

Allows developers to set borders to labels using this control. This is a Frame wrapping a Label within it, that opens necessary attributes of the Frame and Label controls to the developer.

Samples can be found here

Example usage

<dxui:Tag Text="Hello"
          TextColor="White"
          FontSize="Body"
          BackgroundColor="Red"
          CornerRadius="10"
          Padding="8,5" />

Look and feel

On iOS

On iOS

On Android

On Android

Properties

Property Explanation Remarks default value
BackgroundColor Colour of the Tag view below the text This is a bindable property Color.Default
BorderColor Colour of the Tag view border This is a bindable property Color.Default
CharacterSpacing Character spacing of the Tag view text This is a bindable property 0
CornerRadius Corner radius of the Tag view border This is a bindable property -1
FontAttributes Font attributes of the Tag view text This is a bindable property FontAttributes.None
FontFamily Font family of the Tag view text This is a bindable property Null
FontSize Font size of the Tag view text This is a bindable property -1
FormattedText Formatted text for the Tag view text Setting FormattedText to a non-null value will set the Text property to null. This is a bindable property Null
HasShadow Show or hide shadow for Tag view This is a bindable property False
HorizontalTextAlignment Horizontal text alignment of the Tag view text This is a bindable property TextAlignment.Center
LineBreakMode Line breaking of the Tag view text This is a bindable property LineBreakMode.WordWrap
MaxLines Maximum lines for the Tag view text This is a bindable property -1
Padding Margin between text and Tag view border This is a bindable property 5
Text Text displayed inside the Tag view Setting Text to a non-null value will set the FormattedText property to null. This is a bindable property Null
TextColor Colour of the Tag view text This is a bindable property Color.Default
VerticalTextAlignment Vertical text alignment of the Tag view text This is a bindable property TextAlignment.Center
Clone this wiki locally