Dynamic PDF Book App - AIA File

Dynamic PDF Book App

Hi Guys, I make this app using Airtable, ColintreelistView and Webviewer extension. as you know PDF file not open in Webviewer component. So you can watch this tutorial you will find a solution and aia file.

3 Likes

I have no clue what you’re saying in that video and since this is English speaking community post videos in english then please…

/Boban

2 Likes

for worldwide users i have allow viewers to translate my tutorial using subtitles option in right side bottom of video.

1 Like

Can you translate it to english for us please :slight_smile:

2 Likes

Can you please include description(with explain) and some screenshots on your post?

1 Like

Dynamic PDF Book App

This project is about to make an app using PDF files, Show dynamically PDF files and view in the app.
I have used two extensions:

  1. Colintreelistview
  2. Webview

Components I have used in Screen2 where I am showing all PDF files:

  1. Vertical Scroll Arrangement
  2. Airtable Spreadsheet
  3. Colintreelistview
  4. Notifier

Take three global variables from the variable section and name them accordingly to airtable spreadsheet columns and call spreadsheet to get a “Title Column”


When “Title column” got column then store values in the global title variable, and call Image column to get values and then store into the image variable and call Book Column to get values and store into book variable…

When the book store values then call colintreelistviwe to set arrangement where listview show their values and get initialize local to make a list and set empty list block. then take for each block from the control section and set length of list block to got values (all values in the list). and add items to the list. In colintreelistview extension first, we set image, title, and subtext. So, first, I get values from image variable and then from the title.set colintreelistview to set list (get list block from initialize local list) and set notifier to dismiss progress bar.

We got all the values and show it into a listview and when user click on the icon (Image) then we call spreadsheet to get cell, the row number is element index where user click on image and column name Book (URL column), When spreadsheet got cell then open another screen with start value …

In Screen3 I have just take vertical arrangement and webviewer extension

When Screen3 initialize call creatwebview block to set layout vertical arrangement and set URL to get the start value and set width height to the arrangement.

Sorry for my bad English, but hopefully you will get that idea…

2 Likes

Amazing bro

2 Likes

Please give it Searching bar/ opstion!

@sadikubd How to ask a question?

Post in the right categorie, post only once and do not steal topics

Make sure that you post your question in the correct category, and only post your message once.
Do not post replies to old topics asking your own question. Start your own new topic instead. Hi-jacking other peoples topics is against the Forum Rules and irritates everyone.

/Boban

2 Likes

Please give it Searching bar/ opstion!

it’s very need for me!
any developer can help

Hello Bro, i have made step by step with your tutorial. But not working. I have started my app, still loading, not change anything.Please see the attachments.

1 Like

I can help you with that

I made an app like your training, but it’s a problem. Would you please give me a solution? :roll_eyes: :thinking:

step by step with your tutorial. But not working. I have started my app, still loading?2909afc9154fba981b6e9f902d8de2a586ccdac4_2_281x500

I had such a problem previously and it was caused by name of Airtable Spreadsheet Tables and Classifications

i followed the same thing but image is not showing in colintreelistview from airtable, help me how can i fix that



Screenshot_5