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
2 changes: 1 addition & 1 deletion uwp/Carousel/Animating-Carousel-items.md
Original file line number Diff line number Diff line change
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
8 changes: 4 additions & 4 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
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` objects can be added as items to the UWP Carousel. You can populate the carousel using either the `Items` or `ItemsSource` 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.

2 changes: 1 addition & 1 deletion uwp/Carousel/Setting-offset-for-items.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ 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`.
The `SfCarouselItem` can be displayed at different offsets in the UWP Carousel. You can also define the offset between the selected item and the other items in the Carousel.

## Adjusting the distance between unselected items

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
10 changes: 5 additions & 5 deletions uwp/Navigation-Drawer/Overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,16 +9,16 @@ documentation: ug

# About Syncfusion® UWP NavigationDrawer (SfNavigationDrawer) Control

NavigationDrawer is a sliding panel menu that allows you to navigate between major modules of the application. The Navigation Drawer is usually hidden and it appears when you swipe the screen from any of the four edges or by tapping the app icon, if available.
UWP Navigation Drawer is a sliding panel menu that allows you to navigate between major modules of the application. The UWP Navigation Drawer is usually hidden and it appears when you swipe the screen from any of the four edges or by tapping the app icon, if available.

![Overview_img1](Overview_images/Overview_img1.png)

SfNavigationDrawer
UWP Navigation Drawer
{:.caption}

## Use Case Scenarios

Navigation Drawers are used in applications where navigating to the major module or page is a basic requirement. The Navigation Drawer is available in the following apps that signify the importance of navigating through pages:
UWP Navigation Drawers are used in applications where navigating to the major module or page is a basic requirement. The UWP Navigation Drawer is available in the following apps that signify the importance of navigating through pages:

1. Facebook
2. Play Store
Expand All @@ -27,5 +27,5 @@ Navigation Drawers are used in applications where navigating to the major module

### Key Features

* Position - Specifies the rendering position for the Navigation Drawer, that is, you can display it from left or right or top or bottom edges
* Transition - Specifies the transition type of the Navigation Drawer.
* Position - Specifies the rendering position for the UWP Navigation Drawer, that is, you can display it from left or right or top or bottom edges
* Transition - Specifies the transition type of the UWP Navigation Drawer.
4 changes: 2 additions & 2 deletions uwp/Navigation-Pane/Customizing-GroupBar.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@ documentation: ug

# Customizing GroupBar in UWP Navigation Pane (SfGroupBar)

## Adjusting SfGroupBar Width in Collapsed Mode
## Adjusting UWP Navigation Pane Width in Collapsed Mode

Set the property `CollapsedWidth` to set Width of `SfGroupBar` control in Collapsed mode.
Set the property `CollapsedWidth` to set Width of UWP Navigation Pane control in Collapsed mode.

{% tabs %}

Expand Down
6 changes: 3 additions & 3 deletions uwp/Navigation-Pane/Expand-and-Collapse.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,15 @@ documentation: ug

# Expand and Collapse in UWP Navigation Pane (SfGroupBar)

`SfGroupBar` can be collapsed in either of the following ways:
UWP Navigation Pane can be collapsed in either of the following ways:

## Collapse/Expand by buttons

Collapse button is enabled when `SfGroupBar` is in Expanded mode. It is shown at the top right corner of the control. Expand button is enabled when `SfGroupBar` is in Collapsed mode. It is shown at the top of the control.
The Collapse button is enabled when the UWP Navigation Pane is in `Expanded` mode and is displayed in the top-right corner of the control. The Expand button is enabled when the UWP Navigation Pane is in `Collapsed` mode and is displayed at the top of the control.

## Collapse/Expand by Programmatically

Set the property `IsCollapsed` as true for collapsing the SfGroupBar and set `IsCollapsed` as false for expanding the `SfGroupBar`
Set the `IsCollapsed` property to true to collapse the UWP Navigation Pane and to false to expand it.

{% tabs %}

Expand Down
Loading