date picker images and fix blazor overview article

This commit is contained in:
PROGRESS\doyordan 2020-05-05 09:48:28 +03:00
Родитель ecfda6110c
Коммит f274efa7ec
18 изменённых файлов: 17 добавлений и 22 удалений

Просмотреть файл

@ -29,18 +29,17 @@ The available controls which can be used in Mobile Blazor Bindings projects are
Lets review the steps needed to get started with the Telerik UI for Xamarin controls in a Mobile Blazor Bindings project.
1. Setting up the project.
### 1. Setting up the project.
* Create a project using the approach described at the following link: https://docs.microsoft.com/en-us/mobile-blazor-bindings/get-started.
Then we can start adding our Telerik Controls.
Lets add the **RadBusyIndicator** to the project.
2. Adding the required Telerik references
### 2. Adding the required Telerik references
You have two options:
You have two options:
* Add the Telerik UI for Xamarin Blazor Nuget package following the instructions from the [Telerik Nuget package server]({%slug telerik-nuget-server%}) topic.
@ -60,9 +59,9 @@ After that we need to add the Telerik.XamarinForms.Blazor.Primitives in our `_Im
>important RadBusyIndicator is rendered via the SkiaSharp graphics library so you need to install also **SkiaSharp.Views.Forms** in all projects of the xamarin solution (Portable, Android, iOS, etc).
3. Adding RadBusyIndicator control
### 3. Adding RadBusyIndicator control
3.1 Add new Razor component (lets call it RadBusyIndicatorPage.razor) and create the control inside:
3.1 Add new Razor component (lets call it RadBusyIndicatorPage.razor) and create the control inside:
```XML
<ContentView VerticalOptions="LayoutOptions.Center" >
@ -70,7 +69,7 @@ After that we need to add the Telerik.XamarinForms.Blazor.Primitives in our `_Im
</ContentView>
```
3.2 Then use the RadBusyIndicatorPage component as MainPage for the application by modifying the App.cs:
3.2 Then use the RadBusyIndicatorPage component as MainPage for the application by modifying the App.cs:
```C#
public class App : Application
@ -92,9 +91,9 @@ public class App : Application
}
```
4. Customizations
### 4. Customizations
4.1. Lets add a button that changes the IsBusy property of the RadBusyIndicator:
4.1. Lets add a button that changes the IsBusy property of the RadBusyIndicator:
```XML
<ContentView>
@ -123,7 +122,7 @@ public class App : Application
}
```
4.2 Customize RadBusyIndicator. Lets change its **AnimationContentColor** and **AnimationType**. Also let's add **Content** and **BusyContent**:
4.2 Customize RadBusyIndicator. Lets change its **AnimationContentColor** and **AnimationType**. Also let's add **Content** and **BusyContent**:
```XML
<RadBusyIndicator IsBusy="@IsBusyIndicatorBusy"
@ -144,12 +143,12 @@ public class App : Application
</RadBusyIndicator>
```
5. Run the application and see the result:
### 5. Run the application and see the result:
On Android:
![Xamarin Blazor Binding BusyIndicator Android](images/busyindicator-blazor-xamarin-android.png "Xamarin Blazor Binding BusyIndicator"):
![Xamarin Blazor Binding BusyIndicator Android](images/busyindicator-blazor-xamarin-android.png "Xamarin Blazor Binding BusyIndicator")
on iOS:
![Xamarin Blazor Binding BusyIndicator iOS](images/busyindicator-blazor-xamarin-iOS.png "Xamarin Blazor Binding BusyIndicator"):
![Xamarin Blazor Binding BusyIndicator iOS](images/busyindicator-blazor-xamarin-iOS.png "Xamarin Blazor Binding BusyIndicator")

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 13 KiB

После

Ширина:  |  Высота:  |  Размер: 14 KiB

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 9.2 KiB

После

Ширина:  |  Высота:  |  Размер: 12 KiB

Просмотреть файл

@ -87,7 +87,7 @@ And the result:
And the result:
![](images/datetimepicker-string-format-mmm-yyyy.png)
![](images/datepicker-string-format-mmm-yyyy.png)
### SpinnerFormat="yyyy/dd/MMM"
@ -97,7 +97,7 @@ And the result:
And the result:
![](images/datetimepicker-string-format-yyyy-dd-MMM.png)
![](images/datepicker-string-format-yyyy-dd-MMM.png)
## See Also

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 8.5 KiB

После

Ширина:  |  Высота:  |  Размер: 11 KiB

Двоичные данные
controls/datepicker/images/datepicker-common-localization.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 15 KiB

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 13 KiB

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 26 KiB

После

Ширина:  |  Высота:  |  Размер: 34 KiB

Двоичные данные
controls/datepicker/images/datepicker-string-format-mmm-yyyy.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 41 KiB

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 34 KiB

После

Ширина:  |  Высота:  |  Размер: 41 KiB

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 46 KiB

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 53 KiB

После

Ширина:  |  Высота:  |  Размер: 54 KiB

Двоичные данные
controls/datepicker/images/datepicker_style.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 56 KiB

После

Ширина:  |  Высота:  |  Размер: 55 KiB

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 64 KiB

Просмотреть файл

@ -21,10 +21,6 @@ The sections below list all the localization keys used in Date and Time Picker S
| DateTimePicker_Popup_HeaderLabelText | Select Date and Time |
| DateTimePicker_PlaceholderLabelText | Select Date and Time |
Check in the image below how the localization strings are presented in Date and Time Picker Spinners:
![](images/datetimepicker-localization.png)
## Common Picker Localizations strings
| Localization Key | Default Value |
@ -39,9 +35,9 @@ Check in the image below how the localization strings are presented in Date and
| Picker_Popup_AcceptButtonText | OK |
| Picker_Popup_CancelButtonText | Cancel |
Check in the image below how the common localization strings are presented in Date and Time Picker:
Check in the image below how the localization strings are presented in Date and Time Picker:
![](images/dtpicker-localization.png)
![DateTime Picker Localization](images/datetimepicker-localization.png)
## See Also

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 8.9 KiB

После

Ширина:  |  Высота:  |  Размер: 13 KiB

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 18 KiB

После

Ширина:  |  Высота:  |  Размер: 23 KiB

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 12 KiB