Skip to content

Commit 978df38

Browse files
didiyordanovadidiyordanova
authored
Merge pull request #1116 from telerik/master
merge master into dev
2 parents 3f94b19 + e1a31b3 commit 978df38

File tree

49 files changed

+1147
-136
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+1147
-136
lines changed

‎_contentTemplates/common/nuget.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,15 +21,15 @@ Visit <a href="https://status.telerik.com" target="_blank">status.telerik.com</a
2121

2222
1. Select the **DOWNLOADS** tab and then **Manage NuGet Keys**.
2323

24-
![Manage NuGet Keys](../images/manage-nuget-keys.png)
24+
![Manage NuGet Keys](../../installation/images/manage-nuget-keys.png)
2525

2626
1. To create a new key, select the **Generate New Key** button.
2727

2828
1. Enter a name for the NuGet Key, and then select **Generate Key**.
2929

3030
1. To copy the key, select **Copy and Close**. Once you close the window, you can no longer copy the generated key. For security reasons, the **NuGet Keys** page displays only a portion of the key.
3131

32-
![Copy Generated NuGet Key](../images/copy-nuget-key.png)
32+
![Copy Generated NuGet Key](../../installation/images/copy-nuget-key.png)
3333

3434
1. Store the generated NuGet API key as you will need it in the next step.
3535
#end

‎_contentTemplates/common/supported-platforms.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
#supported-platforms
2+
You can develop applications with Telerik UI for .NET MAUI for the following platforms:
3+
4+
| Target Platform | Supported Version |
5+
| ------------- | --------------- |
6+
| Android | 5.0 (API 21) or later |
7+
| iOS | 11 or higher |
8+
| macOS | 11 or higher, using Mac Catalyst |
9+
| Windows* | Windows 11 and Windows 10 version 1809 or later, using Windows UI Library (WinUI) 3 |
10+
#end

‎controls/autocomplete/xamarin-migration.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,11 +32,14 @@ When migrating the AutoComplete from Xamarin to .NET MAUI, consider the followin
3232
| `WatermarkText` | `Placeholder` |
3333
| `WatermarkTextColor` | `PlaceholderColor` |
3434
| `SuggestionItemTextColor` | `SuggestionItemHighlightTextColor` |
35+
| `SuggestionItemTemplate` (`DataTemplate`) with `ViewCell` inside the Template | `SuggestionItemTemplate` (`DataTemplate`) |
3536
| `SuggestionItemLabel` | `RadHighlightLabel` |
3637
| `ImagePath` | N/A |
3738
| `CompletionMode` (of type `CompletionMode`) | `CompletionMode` (of type `AutoCompleteCompletionMode`) |
3839
| `SuggestionViewPosition` (of type `PopupPosition`) | `SuggestionViewPosition` (of type `AutoCompletePopupPosition`) |
3940
| `SuggestMode` of type(`SuggestMode`) | `SuggestMode` (of type `AutoCompleteSuggestMode`) |
41+
| `FilteredItemsChangedEventArgs` in namespace `Telerik.XamarinForms.Input.AutoComplete` | `FilteredItemsChangedEventArgs` in namespace `Telerik.Maui.Controls.AutoComplete` |
42+
| `SuggestionItemSelectedEventArgs` in namespace `Telerik.XamarinForms.Input.AutoComplete` | `SuggestionItemSelectedEventArgs` in namespace `Telerik.Maui.Controls.AutoComplete` |
4043

4144
## See Also
4245

‎controls/button/getting-started.md‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Getting Started
3-
page_title: .NET MAUI Button Documentation - Getting Started
3+
page_title: Getting Started with .NET MAUI Button
44
description: Get started with the Telerik UI for .NET MAUI Button control and add the control to your .NET MAUI project.
55
position: 1
66
slug: button-getting-started
@@ -10,6 +10,10 @@ slug: button-getting-started
1010

1111
This guide provides the information you need to start using the Telerik UI for .NET MAUI Button by adding the control to your project.
1212

13+
{% if site.has_cta_panels == true %}
14+
{% include cta-panel-maui-overview.html %}
15+
{% endif %}
16+
1317
This is the default look of the `RadButton` control:
1418

1519
![.NET MAUI Button Default Look](images/button-default-look.png)

‎controls/button/overview.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,15 @@ The Telerik UI for .NET MAUI Button control enhances the functionality of the st
1414

1515
![.NET MAUI Button Overview](images/button-overview.png "Button for .NET MAUI")
1616

17+
## .NET MAUI Button Video Tutorial
18+
19+
If you prefer video instructions, watch the Getting Started with the MAUI Button video tutorial. It covers the following topics:
20+
* Installing the Telerik UI for .NET MAUI.
21+
* Setup a sample demo project.
22+
* Add a Button control to the project.
23+
24+
<iframe width="560" height="315" src="https://www.youtube.com/embed/WQe9qcoURRk?si=3z0OPOMJZKCxZw7O" title="Getting Started with Telerik UI for .NET MAUI: Installation and First Control Demo with Button" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
25+
1726
## Key Features of the .NET MAUI Button
1827

1928
* [Content alignment]({% slug button-configuration%})&mdash;The Button enables you to control the horizontal and vertical positioning of its content.

‎controls/chart/overview.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,14 @@ The intuitive object model and public API allow complex charts to be set up eith
1616

1717
![.NET MAUI Chart Overview](images/chart-overview.png)
1818

19+
## .NET MAUI Chart Video Tutorial
20+
21+
If you prefer video instructions, watch this short MAUI Chart video tutorial. It covers to following topics:
22+
* MAUI Chart anatomy—different Chart types, series, axis, labels, and more.
23+
* Add .NET MAUI Chart to the project.
24+
25+
<iframe width="560" height="315" src="https://www.youtube.com/embed/fWsZRAb0s-8?si=3l0glUh8zOjmfr2r" title="Building Interactive Charts with Telerik UI for .NET MAUI: Setup, Categories, and Labels" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
26+
1927
## Chart Types
2028

2129
The Telerik UI for .NET MAUI Chart provides the Cartesian and the Pie Charts as well as a number of series, which enable you to visualize different types of data in various ways and depending on your preferences and requirements.

‎controls/combobox/keyboard-support.md‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,71 @@ The following table lists the actions and keyboard combinations that are availab
2626

2727
>On MacOS when `IsEditable` property of the ComboBox is `True`, `Command` key should be pressed to enable the previously described hotkeys.
2828
29+
To enable the keyboard support when the drop-down is opened and when setting the custom item and selected item templates in ComboBox for .NET MAUI, wrap the content of the templates in a `RadComboBoxItem`. Define the necessary visual states of the `RadComboBoxItem`, specifically `MouseOver` and `Highlighted`.
30+
31+
Here is a sample ComboBox definition in XAML:
32+
33+
```XAML
34+
<telerik:RadComboBox ItemsSource="{Binding Items}"
35+
DisplayMemberPath="Name"
36+
x:Name="combo"
37+
Placeholder="Select City">
38+
<telerik:RadComboBox.ItemTemplate>
39+
<DataTemplate>
40+
<telerik:RadComboBoxItem>
41+
<VisualStateManager.VisualStateGroups>
42+
<VisualStateGroup x:Name="CommonStates">
43+
<VisualState x:Name="Normal"/>
44+
<VisualState x:Name="MouseOver">
45+
<VisualState.Setters>
46+
<Setter Property="telerik:RadComboBoxItem.BackgroundColor" Value="LightGray"/>
47+
</VisualState.Setters>
48+
</VisualState>
49+
<VisualState Name="Highlighted">
50+
<VisualState.Setters>
51+
<Setter Property="telerik:RadComboBoxItem.BackgroundColor" Value="LightGray" />
52+
</VisualState.Setters>
53+
</VisualState>
54+
</VisualStateGroup>
55+
</VisualStateManager.VisualStateGroups>
56+
<Label Text="{Binding Name}"
57+
Padding="8, 7, 0, 7"
58+
TextColor="Black"/>
59+
</telerik:RadComboBoxItem>
60+
</DataTemplate>
61+
</telerik:RadComboBox.ItemTemplate>
62+
<telerik:RadComboBox.SelectedItemTemplate>
63+
<DataTemplate>
64+
<telerik:RadComboBoxItem>
65+
<VisualStateManager.VisualStateGroups>
66+
<VisualStateGroup x:Name="CommonStates">
67+
<VisualState x:Name="Normal"/>
68+
<VisualState x:Name="MouseOver">
69+
<VisualState.Setters>
70+
<Setter Property="telerik:RadComboBoxItem.BackgroundColor" Value="LightGray"/>
71+
</VisualState.Setters>
72+
</VisualState>
73+
<VisualState Name="Highlighted">
74+
<VisualState.Setters>
75+
<Setter Property="telerik:RadComboBoxItem.BackgroundColor" Value="LightCoral" />
76+
</VisualState.Setters>
77+
</VisualState>
78+
</VisualStateGroup>
79+
</VisualStateManager.VisualStateGroups>
80+
<VerticalStackLayout>
81+
<Label Text="{Binding Name}"
82+
Padding="8, 7, 0, 7"
83+
TextColor="Black"/>
84+
<Label Text="{Binding Population}"
85+
FontSize="12"
86+
Padding="8, 7, 0, 7"/>
87+
</VerticalStackLayout>
88+
</telerik:RadComboBoxItem>
89+
</DataTemplate>
90+
</telerik:RadComboBox.SelectedItemTemplate>
91+
</telerik:RadComboBox>
92+
```
93+
2994
## See Also
3095

3196
- [Edit Mode & Search]({%slug combobox-editmode-and-search%})

‎controls/combobox/templates.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@ If the default templates of the control do not suit your needs, you can define c
1818

1919
To customize the content inside the input area when an item is selected and the `DisplayMemberPath` property is not set, use the [`SelectionBoxTemplate`](%slug combobox-templates%). The `SelectionBoxTemplate` applies when the `SelectionMode` is `Single` and the control's `IsEditable` property is set to `false`.
2020

21+
To enable the [keyboard navigation support]({%slug combobox-keyboard-support%}) when the drop-down is opened and when setting the custom item and selected item templates in ComboBox for .NET MAUI, wrap the content of the templates in a `RadComboBoxItem`. Define the necessary visual states of the `RadComboBoxItem`, specifically `MouseOver` and `Highlighted`.
22+
2123
### Example with ItemTemplate and SelectedItemTemplate
2224

2325
**1.** Define the [.NET MAUI ComboBox]({%slug combobox-overview%}) in XAML:

‎controls/dataform/overview.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,16 @@ The Telerik UI for .NET MAUI DataForm is a customizable component allowing you t
1212

1313
![.NET MAUI DataForm Overview](images/dataform-overview.png)
1414

15+
## .NET MAUI DataForm Video Tutorial
16+
17+
If you prefer video instructions, watch this short MAUI DataForm video tutorial. It covers to following topics:
18+
* Build dynamic forms for data collection in a .NET MAUI app.
19+
* DataForm visual structure.
20+
* Built-in Editors.
21+
* Options to commit data.
22+
23+
<iframe width="560" height="315" src="https://www.youtube.com/embed/FACbowe4Klg?si=pZmy1yAGIe04j43D" title="Working with DataForm in Telerik UI for .NET MAUI: Setup, Editors, and Commit Modes" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
24+
1525
## Key Features of the .NET MAUI DataForm
1626

1727
* [Built-in editors]({%slug dataform-editors%})&mdash;DataForm provides a set of built-in editors for the available primitive types such as `numeric`, `string`, `boolean`, `enumerations`, `DateTime`, `TimeSpan`. The control detects the types of the data object’s properties and automatically displays the proper editor.

‎controls/datagrid/events.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ title: Events
33
page_title: .NET MAUI DataGrid Documentation - Events
44
description: "Learn about the Telerik UI for .NET MAUI DataGrid events and how to achieve various scenarios upon user interaction such as loading content on demand, binding to data, modifying group collections, and more."
55
position: 14
6-
slug: datagrid-events
76
tags: events
7+
slug: datagrid-events
88
---
99

1010
# .NET MAUI DataGrid Events

0 commit comments

Comments
 (0)