Swipe between pages by touch screen

[Osama_Sayar]

Hello Every one,
Please help me to know how can I swipe between pages by touch screen instead of click Next Previous buttons with using html

slideshow_swipe.aia (62.7 KB)

[TIMAI2]

You can use a view pager extension (vertical or horizontal)

VerticalViewPager: A vertical version of ViewPager

1.Introduction Description: Using this extension you can create a vertical version of View Pager Latest Version: 1.2 Last Updated: 2021-10-01T18:30:00Z (UTC) Released: 2021-06-09T18:30:00Z (UTC) 2.Blocks [image] [image] 3.Usages Initialize and Add views Adds view pager to the container and adds given views into view pager [image] Alternatively you can add view at specific index too [image] Remove view by index Removes the view present at given index [image] Remove view by view i…

also see

HOWTO: Paginate a Long Text (for example a book in a text file)

This method can be used to break up a very long text into pages for sequential viewing in an app. It respects words and does not split any words in two. Book formats come in all shapes, sizes, formats and layouts, there is going to be some significant manual work required for most, to get them into shape, even the ones that come from Project Gutenberg in txt format. For this example I used 10 paragraphs of lorem ipsum, but I still had to edit the paragraph double line returns and type in \n\n …

[Osama_Sayar]

Thank you so much Tim for the extention. This swipe method Is vertical but I want Horizontal method.

Please Tim, Is it possible to tell me how can I apply this extention in my csv files on my project above because it is not easy for me.

[vknow360]

Have a look at the above linked topic.

VerticalViewPager: A vertical version of ViewPager

Sure Sir. Edit: Here it is Sir @TIMAI2 : com.sunny.viewpager.aix (11.3 KB)

[Osama_Sayar]

Yes, Now I saw the Horizontal method with labels but I couldn't understand how to apply this method in my csv files on my project above because it is so complicated method.

[vknow360]

Please show what you have tried.

[Osama_Sayar]

[sw311]

How do I use this extension? I'd appreciate it if you could show me an example.

[Osama_Sayar]

[vknow360]

Looks fine, what is the issue?

[Osama_Sayar]

slideshow_swipe2.aia (76.7 KB)

[vknow360]

Sorry, I didn't ask for aia file.

[Osama_Sayar]

Actually I need to swipe between pages by touch screen and I depend on the Webviewer and I put it in my mind to use it with html code for highlight the texts by html code.

[Osama_Sayar]

Can you please tell me if it is possible to work with Webviewer and html code? Believe me I tried with many ways to apply on my project but I didn't succeed.

[ChrisWard]

https://blog.timothyandrew.net/blog/2013/04/05/using-swipe-dot-js-to-swipe-between-pages-of-a-web-app/

[Osama_Sayar]

Thank you all for trying to help me. I know it need a lot of work to swipe between pages especially with using html code. If you have any small example it would be much easier for me

[TIMAI2]

I gave you the wrong link earlier for the horizontal pager, see below.

You should be able to use a webview in the vertical arrangements to display your content (in the example it uses a label)

Book App Template Project (Is it possible to create a list of VerticalArrangement?!)

Hopefully have it figured out for you. I have made use of the scrollto block and the page changed block to handle content changes. In essence if you swipe right, your are scrolled back to the middle page and the content is set to the next page in the book, if you swipe left the same happens in reverse. [EDIT - UPDATE: now shows next and previous pages during swipe] swipeSlidesBookv2.aia (18.4 KB)

Blocks

<a class="lightbox" href="https://community.appinventor.mit.edu/uploads/d…

[Osama_Sayar]

This is the same example that I have. Unfortunately I wasn't able to apply it on my project with webviewer in vertical arrangements to display my content. Plese, help me if can. Thank you Tim.

[TIMAI2]

Try this:
swipeSlidesBookHTMLv3.aia (19.5 KB)

It replaces the Labels with Webviewers and allows swipe between pages from pageContent.
You seem to have confused your page content with your webviewstrings in your blocks...

You will of course, need to use your own html file....

[Osama_Sayar]

Hello Tim,

As I see that the example you have sent works fine with the webvierer. Unfortunately I wasn't able to apply it on my project with webviewer. Would you please have a look to my aia and see if you can join the blocks with your aia block
slideshow_try2.aia (80.2 KB)