Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions controls/bottomsheet/configuration.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@ The control includes four built-in states with predefined heights:
* `Partial`—Represents a partial bottom sheet state with height `50%`.
* `Full`—Represents a full bottom sheet state with height `90%`.

![.NET MAUI BottomSheet States](images/bottomsheet-states.png "BottomSheet States")

### Setting States

You can specify the current state using the `State` property of type `BottomSheetState`:
Expand Down Expand Up @@ -111,6 +113,10 @@ bottomSheet.BottomSheetContentWidth = new BottomSheetLength(80, true);
bottomSheet.BottomSheetContentWidth = new BottomSheetLength(300, false);
```

Here is an example setting the width of the `BottomSheetContent` to 400 (absolute value) and 50%:

![.NET MAUI BottomSheet width](images/bottomsheet-width.gif)

> For a runnable example with setting the BottomSheet Width, see the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and go to **BottomSheet > Features** category.

## Handle
Expand Down
13 changes: 0 additions & 13 deletions controls/bottomsheet/content.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,19 +40,6 @@ This is the result on Android:

> For a runnable example with the BottomSheet Content scenario, see the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and review all **BottomSheet** example.

## Setting Custom Control Template

> If you want to review the default BottomSheet templates, add the [TelerikTheming]({%slug themes-overview%}) to the project and go to `TelerikTheming/Styles/Platform/BottomSheet.xaml` file.


Here is an example setting custom `ControlTemplate`.

<snippet id='bottomsheet-custom-control-template' />

This is the result on Android:

![.NET MAUI BottomSheet Control Template](images/bottomsheet-control-template.png)

## See Also

- [Animation when opening and closing the bottom sheet]({%slug bottomsheet-animation%})
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion controls/bottomsheet/methods.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

This is the result on Android:

![.NET MAUI BottomSheet Methods](images/botomsheet-methods.gif)
![.NET MAUI BottomSheet Methods](images/bottomsheet-methods.gif)

## See Also

Expand Down
4 changes: 4 additions & 0 deletions controls/bottomsheet/swipe-gesture.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,10 @@ You can disable the swipe gesture by setting the `IsSwipeEnabled` (`bool`) prope

> The animation is always enabled when using the swipe gesture to change the states of the BottomSheet. You can configure the animation settings using the `AnimationDuration` and `AnimationEasing` properties.

Here is a video how the swipe gesture works in the BottomSheet control:

![BottomSheet Swipe Gesture](images/bottomsheet-swipe-gesture.gif "BottomSheet Swipe Gesture")

> For a runnable example with the BottomSheet Swipe scenario, see the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and go to **BottomSheet > Features** category.

## See Also
Expand Down
12 changes: 11 additions & 1 deletion controls/bottomsheet/visual-structure.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,4 +14,14 @@ The following image shows the anatomy of the BottomSheet.

![Telerik UI for .NET MAUI BottomSheet Visual Structure](images/bottomsheet-visual-structure.png "Visual elements of the .NET MAUI BottomSheet control")

* ****&mdash;
* **BottomSheet Main Content**&mdash;Represents the main content of the BottomSheet.
* **BottomSheet Content**&mdash;Represents the content of the BottomSheet that slides up from the bottom of the screen.
* **BottomSheet Handle**&mdash;Represents a visual cue which indicates the control can be dragged.

## See Also

- [Configure the BottomSheet]({%slug bottomsheet-configuration%})
- [Animation when opening and closing the bottom sheet]({%slug bottomsheet-animation%})
- [Style the BottomSheet]({%slug bottomsheet-styling%})
- [Events]({%slug bottomsheet-events%})
- [Methods]({%slug bottomsheet-methods%})
4 changes: 4 additions & 0 deletions controls/speechtotextbutton/custom-recognizer.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,10 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

<snippet id='speechtotext-events-speech-recognized' />

This is the result on Android:

![.NET MAUI SpeechToTextButton Custom Recognizer](images/speechtotextbutton-custom-recognizer.gif)

> For a runnable example with the SpeechToTextButton Custom Recognizer scenario, see the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and go to the **SpeechToTextButton > Features** category.

## See Also
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.