Skip to content

Latest commit

 

History

History
71 lines (43 loc) · 3.55 KB

configuration.md

File metadata and controls

71 lines (43 loc) · 3.55 KB
title page_title description position tags slug
Content Configuration
.NET MAUI ToggleButton Documentation - Content Alignment
Learn how to define, position, and format the content of the Telerik ToggleButton for .NET MAUI.
3
.net maui, telerik toggle button for .net maui, ui for .net maui, toggle button, microsoft .net maui
togglebutton-configuration

.NET MAUI ToggleButton Content Configuration

The purpose of this help article is to show you the main configuration options of the control.

Setting Content

Define the content inside the ToggleButton by setting the Content property (object) or ContentTemplate (DataTemplate) property.

The Content is responsible for the actual content displayed in the button. It can be set to string, View, complex object, etc.

Here are the scenarios for the visualization of Content or ContentTemplate inside the RadToggleButton:

  • If ContentTemplate is set, the View returned from the ContentTemplate.CreateView() is displayed inside the RadToggleButton.ControlTemplate, having Content as its BindingContext.

  • If ContentTemplate is DataTemplateSelector, first the DataTemplate is selected and then a View is created from the chosen template using Content as its BindingContext.

  • If Content is set to a View and ContentTemplate isn't set, the View is displayed inside the RadToggleButton.ControlTemplate.

  • If Content is set to a string and ContentTemplate isn't set, a Label is displayed inside the RadToggleButton.ControlTemplate.

  • If Content is set to an object and ContentTemplate isn't set, the ToString() of the object is used and converted to Label inside the RadToggleButton.ControlTemplate.

Setting Content to String

.NET MAUI ToggleButton Content

Setting ContentTemplate

.NET MAUI ToggleButton ContentTemplate

For a runnable example demonstrating the ToggleButton ContentTemplate, see the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and go to the ToggleButton > Features category.

Text Alignment

Use the following properties to align the text in the button when Content is string and ContentTemplate is not set.

  • HorizontalTextAlignment (Microsoft.Maui.TextAlignment)—Specifies the horizontal alignment of the Label.Text.
  • VerticalTextAlignment (Microsoft.Maui.TextAlignment)—Specifies the vertical alignment of the Label.Text.

Text Decoration

Use the TextDecorations (enum of type Microsoft.Maui.TextDecorations) property to specify the text decorations of the Label created when Content is string and ContentTemplate is not set.

Font Options

The following properties specify the font options that apply to the content when Content is string and ContentTemplate is not set.

  • FontFamily (string)—Specifies the font family of the Label.Text.
  • FontSize (double)—Specifies the font size in pixels of the Label.Text.
  • FontAttributes (Microsoft.Maui.Controls.FontAttributes)—Specifies the font attributes of the Label.Text.

See Also

  • [Toggle State]({%slug togglebutton-toggle-states%})
  • [Set Visual States]({%slug togglebutton-visual-states%})
  • [Events]({%slug togglebutton-events%})
  • [Execute Command]({%slug togglebutton-command%})
  • [Style the ToggleButton]({%slug togglebutton-styling%})