Getting Started

This article will guide you through the steps needed to add a basic RadExpander control in your application.

• Setting up the app
• Adding the required Telerik references
• Adding RadExpander control

1. Setting up the app

Take a look at the Getting Started article how to setup the Telerik Blazor Mobile Bindings for Xamarin project.

2. Adding the required Telerik references

You have two options:

• Add the Telerik.UI.for.Xamarin.Blazor Nuget package following the instructions in Telerik NuGet package server topic.

• Add the references to Telerik assemblies manually, check the list below with the required assemblies for RadExpander component:

Platform	Assemblies
Portable	Telerik.XamarinForms.Blazor.Primitives.dll Telerik.XamarinForms.Primitives.dll
Android	Telerik.Xamarin.Android.Primitives.dll Telerik.XamarinForms.Primitives.dll
iOS	Telerik.Xamarin.iOS.dll Telerik.XamarinForms.Primitives.dll

After that we need to add the Telerik.XamarinForms.Blazor.Primitives in our _Imports.razor page:

@using Telerik.XamarinForms.Blazor.Primitives;

3. Adding RadExpander control

<ContentView>
    <RadExpander HeaderText="More options">
        <ExpanderContent>
            <Telerik.XamarinForms.Blazor.Primitives.Expander.ExpanderContent>
                <StackLayout Margin="new Thickness(10, 20, 10, 20)">
                    <StackLayout Orientation="StackOrientation.Horizontal"
                                 Spacing="10">
                        <RadCheckBox />
                        <Label Text="Make my profile private" />
                    </StackLayout>
                    <StackLayout Orientation="StackOrientation.Horizontal"
                                 Spacing="10">
                        <RadCheckBox />
                        <Label Text="Only show my posts to people who follow me" />
                    </StackLayout>
                </StackLayout>
            </Telerik.XamarinForms.Blazor.Primitives.Expander.ExpanderContent>
        </ExpanderContent>
    </RadExpander>
</ContentView>

Here is the result:

See Also

• Xamarin Mobile Blazor Bindings Overview