{"id":733,"date":"2019-11-13T12:03:53","date_gmt":"2019-11-13T12:03:53","guid":{"rendered":"http:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&p=733"},"modified":"2019-12-26T11:49:06","modified_gmt":"2019-12-26T11:49:06","slug":"pull-to-refresh-for-pwa","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/pull-to-refresh-for-pwa\/","title":{"rendered":"Pull to Refresh for PWA"},"content":{"rendered":"\n

The pull-to-refresh (or swipe-to-refresh) pattern lets a user pull down on a list of data using touch in order to retrieve more data.<\/p>\n\n\n\n

Pull to refresh manually refreshes screen content with a user action or gesture. It\u2019s quite obvious, but still, sometimes designers use refresh indicator to show automatically update content. Since automatic refreshing mechanism doesn\u2019t require any actions from the user side, automatically update content shouldn\u2019t display a refresh indicator.<\/p>\n\n\n\n

This collection usually represents a constantly-updating stream <\/em>of items, and you can\u2019t use an automatically update content because as you scroll up to the top it\u2019s almost expected that you\u2019ll automatically scroll up past the top since new items will be downloaded automatically all the time. <\/p>\n\n\n\n

Step 1 \u2013 <\/strong>First, you need to purchase and install Pull to Refresh for PWA<\/a> plugin.<\/p>\n\n\n\n

For more details on how to download an extension for this\u00a0Click Here<\/a><\/strong>
<\/p>\n\n\n\n

Step 2 \u2013<\/strong> After Activate this plugin click on the Settings option like below the screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 3 \u2013<\/strong> Once you click on settings links it will redirect to Features option here enable \u201cPull To Refresh<\/strong>\u201d option. Click on the \u201cgear<\/strong>\u201d icon like below the screenshot. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4 \u2013 <\/strong>Once you click on the gear icon you can see Pull To Refresh<\/strong> page check this “Pull To Refresh<\/strong>” page and then click on the “Submit<\/strong>” button.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The output of the Pull To Refresh <\/strong><\/h4>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n

Note:<\/strong> For the upcoming update of \u201c Pull To Refresh<\/strong>\u201d plugin then you need to enter the license key for this you need to go WordPress Dashboard<\/strong> -> PWA<\/strong>-> Premium Features<\/strong> -> In \u201cPull To Refresh for PWA<\/strong>\u201d option enter the License key and click on \u201cActivate<\/strong>\u201d button.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us here and<\/strong> we are always available for you.<\/p>\n\n\n\n


<\/p>\n","protected":false},"excerpt":{"rendered":"

The pull-to-refresh (or swipe-to-refresh) pattern lets a user pull down on a list of data using touch in order to retrieve more data. Pull to refresh manually refreshes screen content with a user action or gesture. It\u2019s quite obvious, but still, sometimes designers use refresh indicator to show automatically update…<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[9],"ht-kb-tag":[],"class_list":["post-733","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-extension"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=733"}],"version-history":[{"count":19,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/733\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/733\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=733"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=733"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}