Simple page navigation

pagination

Pagination can be executed locally using the action attribute of the objects.
The jsonl lines below will setup 3 buttons to the bottom of a 240x320 screen which will navigate back and forth between the pages using action attribute:

{"page":0,"id":1,"obj":"btn","action":"prev","x":0,"y":290,"w":79,"h":32,"bg_color":"#2C3E50","text":"\uE141","text_color":"#FFFFFF","radius":0,"border_side":0,"text_font":28}
{"page":0,"id":2,"obj":"btn","action":"back","x":80,"y":290,"w":80,"h":32,"bg_color":"#2C3E50","text":"\uE2DC","text_color":"#FFFFFF","radius":0,"border_side":0,"text_font":22}
{"page":0,"id":3,"obj":"btn","action":"next","x":161,"y":290,"w":79,"h":32,"bg_color":"#2C3E50","text":"\uE142","text_color":"#FFFFFF","radius":0,"border_side":0,"text_font":28}

Local pagination can be also acomplished by enabling swipe gesture on certain objects.
The jsonl line below will setup an invisible rectangle overlay at the top of the screen with enabled swipe:

{"page":0,"id":6,"obj":"obj","swipe":1,"x":0,"y":0,"h":30,"w":240,"opacity":0,"comment":"swipe-area-at-top"}

  Note

You should to make sure that in your pages.jsonl these lines appear at the end of the file, so that these objects remain at the top, and no others will be drawn on top of them.


To limit page navigation only to page numbers between 1 and 6:

{"page":1,"id":0,"prev":6}
{"page":6,"id":0,"next":1}