Table of contents with links to text

MIT App Inventor Help
1

Hello, I’m developing an app with many big texts (it’s about history), and to make a better navigation in it I’m going to make a tables of contents in the top of the screen, so that I push a button and then it scrolls to the text that is connected with this table of contents.

I had already tried to use hyperlinks with HTML Format so that you push selected text and it scrolls where it should, like that:

Born


Activity


Death

but it didn’t worked. How can I make these tables of contents work so that when I push the Button or Label it scrolls to certain part of text it connected with?

Thanks
Regards, Maxim.

2

Have you tried doing this in a webviewer?
(I assume you are currently loading your text files into labels ?)

3

something like this:

anchors.txt (4.0 KB)

(rename to anchors.html)

4

No, I haven’t, but my programm dedicated to work offline, all the information stored inside the programm and I actually need to navigate in it. As I understand, Webviewer if for online pages only?

Yes my text files are in labels.

5

No,

you can use files in your assets or on the sdcard

6

Thanks
When I open Your file (renamed to ‘aaa.html’) in browser it works fine.
But when I store ‘aaa.html’ in media files and trying to use it in WebViewer as ‘file:///mnt/sdcard/AppInventor/assets/aaa.html’ it doesn’t work.
WebViewer shows ‘aaa.html’ and it looks fine, but when I pressed the ‘menu’ items “what”, “why” etc they hihglights, but text not scroll down to appropriate anchor/topic.

image
image590×1280 220 KB

7

Try this:

anchors.aia (3.7 KB)

could be issue with Android/Webview version ?

8

Here are a couple of table based text navigation samples …

https://docs.google.com/document/d/1S8eZBKBvtFzafH51a3bKnw_iBVHRnjHaEY1Zbjzscb0/edit?usp=sharing (Needs tweaking to load from Media folder, not from online)