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
8 changes: 3 additions & 5 deletions uwp/Pull-To-Refresh/Overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,18 @@
layout: post
title: About UWP Pull To Refresh control | Syncfusion
description: Learn here all about introduction of Syncfusion UWP Pull To Refresh (SfPullToRefresh) control, its elements and more.
platform: UWP
platform: uwp
control: PullToRefresh
documentation: ug
---

# UWP Pull To Refresh (SfPullToRefresh) Overview

## UWP Pull To Refresh (SfPullToRefresh) Overview

SfPullToRefresh is a pullable panel which on pulling down the main content in order to refresh the data in the application application. RefreshContent will be hidden and can be shown by swiping down on the main content and a refresh content, mainly a progress indicator or refresh indicator will be shown. The application will be refreshed once you have pulled down a certain distance.
UWP Pull to Refresh is a pullable panel which on pulling down the main content in order to refresh the data in the application application. RefreshContent will be hidden and can be shown by swiping down on the main content and a refresh content, mainly a progress indicator or refresh indicator will be shown. The application will be refreshed once you have pulled down a certain distance.

## Use Case Scenarios

PullToRefresh controls are mainly used in applications where the user needs to refresh the content on demand. The main applications that use the PullToRefresh are listed below:
The UWP Pull to Refresh control allows users to refresh content on demand. The main applications that use this control are listed below:

1. Facebook
2. Weather
Expand Down
Binary file modified uwp/Pull-To-Refresh/Overview_images/Overview_img4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions uwp/Pull-To-Refresh/customization.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: post
title: Customization in UWP Pull To Refresh control | Syncfusion
description: Learn here all about Customization support in Syncfusion UWP Pull To Refresh (SfPullToRefresh) control and more.
platform: UWP
platform: uwp
control: PullToRefresh
documentation: ug
---
Expand Down Expand Up @@ -31,7 +31,7 @@ Gets or sets the threshold value from the edges for easy panning from the edges.

## PullableContent

PullableContent is the main view of the PullToRefresh control on which the desired items can be placed.
PullableContent is the main view of the UWP Pull to Refresh control on which the desired items can be placed.

{%highlight Xaml%}

Expand Down Expand Up @@ -106,7 +106,7 @@ The default transition is `SlideOnTop`. That draws the `RefreshContent` on top o
![Overview_img3](Overview_images/Overview_img3.png)


The following code example shows how to set `Transition` as `Push` to SfPullToRefresh. This transition moves the refresh content and main content simultaneously.
The following code example shows how to set `Transition` as `Push` to UWP Pull to Refresh. This transition moves the refresh content and main content simultaneously.

{% tabs %}

Expand Down Expand Up @@ -154,7 +154,7 @@ The default PullDirection is `Top`. That draws the `RefreshContent` on top of th
{% endtabs %}


The following code example shows how to set `PullDirection` as `Bottom` to SfPullToRefresh.That draws the `RefreshContent` on Bottom of the `pullableContent`.
The following code example shows how to set `PullDirection` as `Bottom` to UWP Pull to Refresh.That draws the `RefreshContent` on Bottom of the `pullableContent`.

{% tabs %}

Expand Down
16 changes: 8 additions & 8 deletions uwp/Pull-To-Refresh/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,24 +2,24 @@
layout: post
title: Getting Started with UWP Pull To Refresh control | Syncfusion
description: Learn here about getting started with Syncfusion UWP Pull To Refresh (SfPullToRefresh) control, its elements and more.
platform: UWP
platform: uwp
control: PullToRefresh
documentation: ug
---

# Getting Started with UWP Pull To Refresh (SfPullToRefresh)

## Create your first SfPullToRefresh in Universal Windows Platform
## Create your first UWP Pull to Refresh

This section encompasses on how to create a PullToRefresh that lets you to refresh the current content of the application.
This section encompasses on how to create a UWP Pull to Refresh that lets you to refresh the current content of the application.

`SfPullToRefresh` is available in the following assembly and namespace:

Assembly: `Syncfusion.SfPullToRefresh.UWP`

Namespace: `Syncfusion.UI.Xaml.PullToRefresh`

Refer to the following code to add the SfPullToRefresh control:
Refer to the following code to add the UWP Pull to Refresh control:

{% tabs %}

Expand All @@ -45,11 +45,11 @@ Refer to the following code to add the SfPullToRefresh control:

{% endtabs %}

## Customizing a simple SfPullToRefresh sample
## Customizing a simple UWP Pull to Refresh sample

To develop an application with UWP PullToRefresh is simple. The following steps explains how to create and configure its properties.
To develop an application with UWP Pull to Refresh is simple. The following steps explains how to create and configure its properties.

* Create the `PullableContent` for the `SfPullToRefresh`
* Create the `PullableContent` for the UWP Pull to Refresh

You can set the `PullableContent` for the `SfPullToRefresh` by adding the desired UIElement.

Expand All @@ -68,7 +68,7 @@ You can set the `PullableContent` for the `SfPullToRefresh` by adding the desire

The pulling event will be notified whenever the swipe gesture is started. This event will notify the listener each and every time until the refresh content height exceeds. When we release the gesture from pullable content, Refreshing event will be triggered. Now user can proceed to fetching the data from web or database. Once the data is fetched, we should call Refresh to method to complete all animations.

There are three built-in events in the PullToRefresh control namely:
There are three built-in events in the UWP Pull to Refresh control namely:

1. `Pulling`
2. `Refreshing`
Expand Down