Skip to content
Open
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
4 changes: 2 additions & 2 deletions uwp/Carousel/Animating-Carousel-items.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ documentation: ug

# Animation in UWP Carousel (SfCarousel)

The default animation used during the selection of carousel items can be customized using the following properties.
The default animation used during the selection of UWP Carousel items can be customized using the following properties.

* Duration

Expand Down Expand Up @@ -108,7 +108,7 @@ End Sub

## Rotate items

`RotationAngle` property is used to rotate all the items in carousel control to a specified angle.
`RotationAngle` property is used to rotate all the items in UWP Carousel control to a specified angle.

{% tabs %}

Expand Down
10 changes: 5 additions & 5 deletions uwp/Carousel/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@ documentation: ug

# Getting Started with UWP Carousel (SfCarousel)

This section explains how to create a preview of slides using SfCarousel control.
This section explains how to create a preview of slides using UWP Carousel control.

## Adding SfCarousel control
## Adding UWP Carousel control

Create a Universal Windows Platform project in Visual Studio and refer to the following assemblies.

Expand All @@ -35,7 +35,7 @@ xmlns:layout="using:Syncfusion.UI.Xaml.Controls.Layout">

{% endtabs %}

2.Now add the SfCarousel control with a required optimal name using the included namespace
2.Now add the UWP Carousel control with a required optimal name using the included namespace

{% tabs %}

Expand All @@ -61,7 +61,7 @@ Dim carousel As New SfCarousel()

## Adding SfCarouselItems to the control

Here SfCarouselItems are added as the children of the SfCarousel.
Here SfCarouselItems are added as the children of the UWP Carousel.

{% tabs %}

Expand Down Expand Up @@ -121,7 +121,7 @@ carousel.Items.Add(New SfCarouselItem())

## Setting content for CarouselItems

Content property helps to set the content for SfCarouselItem. `SfCarouselItem` is a ContentControl so that any object can be added as its content. Here images are set as the content of carousel items.
Content property helps to set the content for SfCarouselItem. `SfCarouselItem` is a ContentControl so that any object can be added as its content. Here images are set as the content of UWP Carousel items.

{% tabs %}

Expand Down
2 changes: 1 addition & 1 deletion uwp/Carousel/Overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ documentation: ug

# About Syncfusion® UWP Carousel Control

`SfCarousel` control provides a rich animated layout to arrange items in touch device.
`UWP Carousel` control provides a rich animated layout to arrange items in touch device.

## Features

Expand Down
12 changes: 6 additions & 6 deletions uwp/Carousel/Populating-Items.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,15 @@ documentation: ug

# Populating Items in UWP Carousel (SfCarousel)

`SfCarouselItem` can be added as items of `SfCarousel`. Items of `SfCarousel` can be added though `Items` or `ItemSource` property.
`SfCarouselItem` can be added as items of `UWP Carousel`. Items of `UWP Carousel` can be added though `Items` or `ItemSource` property.

## Using Items

`SfCarousel` accepts `SfCarouselItem` as its children when added directly.
`UWP Carousel` accepts `SfCarouselItem` as its children when added directly.

### Adding items to the control

Here five `SfCarouselItems` are added as the children of the `SfCarousel`.
Here five `SfCarouselItems` are added as the children of the `UWP Carousel`.

{% tabs %}

Expand Down Expand Up @@ -143,7 +143,7 @@ carousel.Items.Add(New SfCarouselItem() With {.Content = "Item 5"})

## Using ItemsSource

`SfCarousel` accepts any business object collection to be bound to its `ItemsSource` property.
`UWP Carousel` accepts any business object collection to be bound to its `ItemsSource` property.

### Adding items to the control

Expand Down Expand Up @@ -270,7 +270,7 @@ Employees.Add(New Employee() With {

{% endtabs %}

4.Bind the Employees collection to `ItemsSource` property of `SfCarousel` Control
4.Bind the Employees collection to `ItemsSource` property of `UWP Carousel` Control

{% tabs %}

Expand All @@ -282,7 +282,7 @@ Employees.Add(New Employee() With {

{% endtabs %}

`SfCarousel` control is populated as follows:
`UWP Carousel` control is populated as follows:

![Provided the ItemSource to Carousel](SfCarousel-images/SfCarousel-img5.jpeg)

Expand Down
10 changes: 5 additions & 5 deletions uwp/Carousel/Selecting-Item.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Items can be selected programmatically using the properties `SelectedIndex`, `Se

## Selecting an item using SelectedIndex

`SelectedIndex` property is used to select an item in `SfCarousel` using the index of item.
`SelectedIndex` property is used to select an item in `UWP Carousel` using the index of item.

{% tabs %}

Expand Down Expand Up @@ -57,7 +57,7 @@ carousel.SelectedIndex = 2

## Selecting an item using SelectedItem

SelectedItem property is used to select an item in SfCarousel using the instance of item.
SelectedItem property is used to select an item in UWP Carousel using the instance of item.

{% tabs %}

Expand Down Expand Up @@ -101,7 +101,7 @@ carousel.SelectedItem = item3

## Navigating to next item

`MoveNext` method is used to select next item of the selected item in `SfCarousel`.
`MoveNext` method is used to select next item of the selected item in `UWP Carousel`.

{% tabs %}

Expand All @@ -121,7 +121,7 @@ carousel.MoveNext()

## Navigating to previous item

`MovePrevious` method is used to select previous item of the selected item in `SfCarousel`.
`MovePrevious` method is used to select previous item of the selected item in `UWP Carousel`.

{% tabs %}

Expand All @@ -145,5 +145,5 @@ carousel.MovePrevious()

## Refresh the layout

`Refresh` method is used to refresh the layout of `SfCarousel` control.
`Refresh` method is used to refresh the layout of `UWP Carousel` control.

8 changes: 4 additions & 4 deletions uwp/Carousel/Setting-offset-for-items.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ documentation: ug

# Setting offset in UWP Carousel (SfCarousel)

`SfCarousalItem` can be displayed in different offset in `SfCarousel` and also can define the offset between selected item and other items in `SfCarousel`.
`SfCarousalItem` can be displayed in different offset in `UWP Carousel` and also can define the offset between selected item and other items in `UWP Carousel`.

## Adjusting the distance between unselected items

`Offset` property is used to customize the distance between carousel items that are not selected.
`Offset` property is used to customize the distance between UWP Carousel items that are not selected.

{% tabs %}

Expand Down Expand Up @@ -97,7 +97,7 @@ carousel.Offset = 100.0

## Scaling the unselected items

`ScaleOffset` is used to scale the carousel items that are not selected.
`ScaleOffset` is used to scale the UWP Carousel items that are not selected.

{% tabs %}

Expand Down Expand Up @@ -181,7 +181,7 @@ carousel.ScaleOffset = 0.5

## Displacing the selected and unselected items

`SelectedItemOffset` is set to specify the distance of selected item from other carousel items.
`SelectedItemOffset` is set to specify the distance of selected item from other UWP Carousel items.

{% tabs %}

Expand Down
22 changes: 11 additions & 11 deletions uwp/Navigation-Drawer/Concepts-and-features.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ documentation: ug

## ContentView

ContentView is the main view of the NavigationDrawer where the desired items can be placed.
ContentView is the main view of the UWP Navigation Drawer where the desired items can be placed.


{% highlight xml%}
Expand Down Expand Up @@ -45,7 +45,7 @@ ContentView is the main view of the NavigationDrawer where the desired items can

## DrawerContentView

The SfNavigationDrawer control contains the DrawerContentView, a part of the DrawerView panel. The DrawerContentView displays the navigation items that you need to jump to.
The UWP Navigation Drawer control contains the DrawerContentView, a part of the DrawerView panel. The DrawerContentView displays the navigation items that you need to jump to.

{% highlight xml%}

Expand All @@ -65,7 +65,7 @@ The SfNavigationDrawer control contains the DrawerContentView, a part of the Dra

## DrawerFooterView

Gets or sets the footer for the DrawerView panel in the SfNavigationDrawer control.
Gets or sets the footer for the DrawerView panel in the UWP Navigation Drawer control.


{% highlight xml%}
Expand All @@ -84,7 +84,7 @@ Gets or sets the footer for the DrawerView panel in the SfNavigationDrawer contr

## DrawerHeaderView

Gets or sets the DrawerHeaderView of the DrawerView panel in the SfNavigationDrawer control.
Gets or sets the DrawerHeaderView of the DrawerView panel in the UWP Navigation Drawer control.


{% highlight xml%}
Expand All @@ -101,7 +101,7 @@ Gets or sets the DrawerHeaderView of the DrawerView panel in the SfNavigationDra

## DrawerHeight

Gets or sets the height for the DrawerView panel in the NavigationDrawer control.
Gets or sets the height for the DrawerView panel in the UWP Navigation Drawer control.

{% tabs %}
{% highlight xml %}
Expand All @@ -121,7 +121,7 @@ Gets or sets the height for the DrawerView panel in the NavigationDrawer control

## DrawerWidth

Gets or sets the width for the DrawerView panel in the NavigationDrawer control.
Gets or sets the width for the DrawerView panel in the UWP Navigation Drawer control.

{% tabs %}
{% highlight xml %}
Expand Down Expand Up @@ -204,7 +204,7 @@ The default position is Left.
![Position_img1](Concepts-and-features_images/Position_img1.png)


The following code example shows how to set the SfNavigationDrawer to the right.
The following code example shows how to set the UWP Navigation Drawer to the right.

{% tabs %}
{% highlight xml %}
Expand All @@ -224,7 +224,7 @@ The following code example shows how to set the SfNavigationDrawer to the right.

![Position_img2](Concepts-and-features_images/Position_img2.png)

The following code example shows how to set the SfNavigationDrawer at the top.
The following code example shows how to set the UWP Navigation Drawer at the top.

{% tabs %}
{% highlight xml %}
Expand All @@ -244,7 +244,7 @@ The following code example shows how to set the SfNavigationDrawer at the top.
![Position_img3](Concepts-and-features_images/Position_img3.png)


The following code example shows how to set the SfNavigationDrawer at the bottom.
The following code example shows how to set the UWP Navigation Drawer at the bottom.

{% tabs %}
{% highlight xml %}
Expand Down Expand Up @@ -295,7 +295,7 @@ The default transition is SlideOnTop. That draws the DrawerContent on top of the
![Transition_img1](Concepts-and-features_images/Transition_img1.png)


The following code example shows how to set Transition as Push to SfNavigationDrawer. This transition moves the Drawer and main content simultaneously.
The following code example shows how to set Transition as Push to UWP Navigation Drawer. This transition moves the Drawer and main content simultaneously.

{% tabs %}
{% highlight xml %}
Expand All @@ -315,7 +315,7 @@ The following code example shows how to set Transition as Push to SfNavigationDr
![Transition_img2](Concepts-and-features_images/Transition_img2.png)


The following code example shows how to set Transition as Reveal to SfNavigationDrawer. In this transition, the Drawer content is stable and the main content is moved to reveal the drawer content.
The following code example shows how to set Transition as Reveal to UWP Navigation Drawer. In this transition, the Drawer content is stable and the main content is moved to reveal the drawer content.


{% tabs %}
Expand Down
6 changes: 3 additions & 3 deletions uwp/Navigation-Drawer/Events-and-Methods.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ The below two events are implemented in Transition.

## Opened

Opened event will be raised when the DrawerContentView is opened in NavigationDrawer.
Opened event will be raised when the DrawerContentView is opened in UWP Navigation Drawer.


{% highlight c# %}
Expand All @@ -27,7 +27,7 @@ Opened event will be raised when the DrawerContentView is opened in NavigationDr

## Closed

Closed event will be raised when the DrawerContentView is closed in NavigationDrawer.
Closed event will be raised when the DrawerContentView is closed in UWP Navigation Drawer.



Expand All @@ -39,7 +39,7 @@ Closed event will be raised when the DrawerContentView is closed in NavigationDr

## Toggle Drawer

Represents the opening and closing of the navigation drawer
Represents the opening and closing of the UWP Navigation Drawer


{% highlight c# %}
Expand Down
22 changes: 11 additions & 11 deletions uwp/Navigation-Drawer/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,19 +9,19 @@ documentation: ug

# Getting Started with UWP Navigation Drawer (SfNavigationDrawer)

The following section helps you to build your application with SfNavigationDrawer.
The following section helps you to build your application with UWP Navigation Drawer.

## Steps

* Create new Universal Windows Platform project using Visual Studio.For more [details](https://docs.microsoft.com/en-us/windows/uwp/get-started/create-a-hello-world-app-xaml-universal))
* Add the SfNavigationDrawer assembly to your application.
* Initialize NavigationDrawer control.
* Adding content view to the NavigationDrawer control.
* Adding drawer view to the NavigationDrawer control.
* Initialize UWP Navigation Drawer control.
* Adding content view to the UWP Navigation Drawer control.
* Adding drawer view to the UWP Navigation Drawer control.

These steps were explained below for XAML.

## Create a simple NavigationDrawer from XAML
## Create a simple UWP Navigation Drawer from XAML

### Adding assembly reference

Expand All @@ -40,9 +40,9 @@ Add the following namespace in your XAML window.
{% endhighlight %}
{% endtabs %}

## Add SfNavigationDrawer from Toolbox
## Add UWP Navigation Drawer from Toolbox

Drag and drop the SfNavigationDrawer control from the Toolbox to your application.
Drag and drop the UWP Navigation Drawer control from the Toolbox to your application.

![Getting-Started_img2](Getting-Started_images/Getting-Started_img2.png)

Expand All @@ -53,9 +53,9 @@ Now the SyncfusionControls for UWP XAML reference is added to the application re
![Getting-Started_img4](Getting-Started_images/Getting-Started_img4.png)


## Initialize the NavigationDrawer
## Initialize the UWP Navigation Drawer

You need to initialize the NavigationDrawer represented by the following class Syncfusion.UI.Xaml.NavigationDrawer.
You need to initialize the UWP Navigation Drawer represented by the following class Syncfusion.UI.Xaml.NavigationDrawer.


{% highlight xml %}
Expand All @@ -66,7 +66,7 @@ You need to initialize the NavigationDrawer represented by the following class S

{% endhighlight %}

## Adding ContentView to the NavigationDrawer
## Adding ContentView to the UWP Navigation Drawer

{% highlight xml %}

Expand All @@ -93,7 +93,7 @@ You need to initialize the NavigationDrawer represented by the following class S

{% endhighlight %}

## Adding drawer view to the NavigationDrawer
## Adding drawer view to the UWP Navigation Drawer

The DrawerView is a panel that is the hidden content, brought to the view by manipulations like panning or swiping through the edges. The DrawerView has three sections namely:

Expand Down
Loading