Languages

Menu
Sites
Language
Page states at scrolled area after going back to the same page after visiting another page

We have created a web app using Tizen multiple page application.

If the first page content is too long and users scrolls down on the same page and after reading the content, the user goes to the next page.

From the next page if user comes back to the previous page, the page doesnot render the body section from the top. Rather the user screens points at the area where the user left the page earlier.

 

 

Edited by: Brock Boland on 17 Mar, 2014 Reason: Paragraph tags added automatically from tizen_format_fix module.
List

Responses

6 Replies
Raghu Kona
Which template are you using?? If you are using Tizen Web UI framework, add data-add-back-btn property to the page. <div id="mainPage" data-role="page" data-add-back-btn="true"> Regards, Raghu Kona
shovan roy
Hi Raghu, We are using Tizen Web UI framework for multi-page template. Even after adding the data-add-back-btn="true" to the page is not helping. The page still stays where the user had left it last. The solution provided does not help us.
Marco Buettner
You can try data-rel="back" on links
shovan roy
Hi Marco, That also does not work. Below the code snippet. Tizen Web IDE - Template - Tizen - Tizen Web UI Framework - Mutil-Page

Multi-Page Application

One

This is a multi-page boilerplate template that you can copy to build your first Tizen Web UI Framework page. This template contains multiple "page" containers inside.1

You link to internal pages by referring to the ID of the page you want to show. For example, to link to the page with an ID of "two", my link would have a 2 href="#two" in the code.

You link to internal pages by referring to the ID of the page you want to show. For example, to to the page with an ID of "two", my link would have a 3 href="#two" in the code.

You link to internal pages by referring to the ID of the page you want to show. For example, to to the page with an ID of "two", my link would have a 4 href="#two" in the code.

You link to internal pages by referring to the ID of the page you want to show. For example, to to the page with an ID of "two", my link would have a 5 href="#two" in the code.

You link to internal pages by referring to the ID of the page you want to show. For example, to linkkkk 3 to the page with an ID of "two", my link would have a 6 href="#two" in the code.

You link to internal pages by referring to the ID of the page you want to show. For example, to link to the page with an ID of "two", my link would have a 7 href="#two" in the code.

Page Footer

Two

Two

I have an id of "two" on my page container. I'm the second page container in this multi-page template.

2 I have an id of "two" on my page container. I'm the second page container in this multi-page template.

3 I have an id of "two" on my page container. I'm the second page container in this multi-page template.

4 I have an id of "two" on my page container. I'm the second page container in this multi-page template.

6I have an id of "two" on my page container. I'm the second page container in this multi-page template.

7I have an id of "two" on my page container. I'm the second page container in this multi-page template.

8I have an id of "two" on my page container. I'm the second page container in this multi-page template.

9I have an id of "two" on my page container. I'm the second page container in this multi-page template.

10I have an id of "two" on my page container. I'm the second page container in this multi-page template.

11I have an id of "two" on my page container. I'm the second page container in this multi-page template.

12I have an id of "two" on my page container. I'm the second page container in this multi-page template.

12I have an id of "two" on my page container. I'm the second page container in this multi-page template.

14I have an id of "two" on my page container. I'm the second page container in this multi-page template.

15I have an id of "two" on my page container. I'm the second page container in this multi-page template.

16I have an id of "two" on my page container. I'm the second page container in this multi-page template.

Back to page "one"

Page Footer

Three

Three

I have an id of "three" on my page container. I'm the second page container in this multi-page template.

2 I have an id of "three" on my page container. I'm the second page container in this multi-page template.

3 I have an id of "three" on my page container. I'm the second page container in this multi-page template.

4 I have an id of "three" on my page container. I'm the second page container in this multi-page template.

6I have an id of "three" on my page container. I'm the second page container in this multi-page template.

7I have an id of "three" on my page container. I'm the second page container in this multi-page template.

8I have an id of "three" on my page container. I'm the second page container in this multi-page template.

9I have an id of "three" on my page container. I'm the second page container in this multi-page template.

10I have an id of "three" on my page container. I'm the second page container in this multi-page template.

11I have an id of "three" on my page container. I'm the second page container in this multi-page template.

12I have an id of "three" on my page container. I'm the second page container in this multi-page template.

12I have an id of "three" on my page container. I'm the second page container in this multi-page template.

14I have an id of "three" on my page container. I'm the second page container in this multi-page template.

15I have an id of "three" on my page container. I'm the second page container in this multi-page template.

16I have an id of "three" on my page container. I'm the second page container in this multi-page template.

Back to page "one"

Page Footer

I traverse between the pages using the links (for exp:-href="#one"). After scrolling the content of the page, when a user revisits the page, the screen shows the content were the user had left earlier. We want the user to scroll to the top of the page everytime he visits the same or different page. There is also a ticket raised in TIZEN JIRA for "https://bugs.tizen.org/jira/browse/TWEB-112" for scroll to top issue.
shovan roy
Hi Marco, The code here did not got pasted quite rightly. We have created a web app inside jquery ui --> multipage application from the sample app given by Tizen SDK. You can try using the sample file also. The solution as suggested by RAghu and you aren't working properly.
shovan roy
Hi, The earlier 2 responses with suggestion/feedback isn't working at our end. We are using Tizen Web UI framework,.
AND data-rel="back" Any other solutions for this issue?