Easy way to make an e-book

This is what i think the easiest way to make an e-book with Kodular.

Make a design with just a webviewer and a sidemenulayout. Webviewer is fill parent in height and width.

Use the following blocks.


Selection_999(681)

The comments tell what each block does. No need for an extension, all made with the basic components of Kodular.

In the on menu item click the webviewer home url block is loaded with the html file that matches the index number of the item clicked.

So Chapter 1 is index 1 is 1.html, Chapter 2 is index 2 is 2.html, etc etc etc.

A lot of things could be added like image in the menu items or more then one group of chapters, etc etc but that is up to you.

Have fun experimenting.

ebook_template.aia (254.8 KB)

18 Likes

A great guide from our dear @Peter
:grin:

4 Likes

Because of the problems some users have with the webviewer component after the update i tested this again and it is still working for me.

1 Like

Latest update with the new layout. No need for an extension anymore. Just standard components.

Hi Peter,

thanks for posting this!

But as I mentioned here already:


there is no folder /AppInventor anymore.

The correct path to assets for Companion is:
file:/mnt/sdcard/Makeroid/assets/ or:
file:/storage/emulated/0/Makeroid/assets/


Anke

1 Like

Yes i know. But with this you can still use the AppInventor path. I deleted all the folders on my phone from AppInventor and Makeroid and tried the AppInventor path. Maybe there is a difference between the webviewer url and other components that use a path.

I tested it just yet. Deleted my Makeroid folder and no AppInventor folder present. I run the app in the companion and a Makeroid folder is created but the AppInventor path still works.

Although it still works to use the AppInventor path i changed it to the Makeroid path. :+1:
Replaced the block image.

Strange!
For me the AppInventor path is not working, tested on:

  • Galaxy Note 8 (Android 9)
  • Galaxy Note 5 (Android 5)
  • Galaxy S6 (Android 7)
  • Xiaomi Redmi Note 5 (Android 9)
  • OnePlus 6 (Android 9)

Only this path works:
file:///storage/emulated/0/Makeroid/assets/

1 Like

Yep it is:sunglasses: