Using JSON data source for offline pages

Wappler General How To
#31

Hi Teodor
Well, this response did not get me anywhere. I have read all of the docs that you recommended and that I could find. Judging by your posts, you believe that I am incapable or unwilling to read them. I sense your frustration and do not want to impose on your patience any longer.

Do you know any freelancers or associates that would be willing to work with me to develop a 5 page demonstration of using the Wappler and JSON for putting 2 cards and a paragraph on a page/template that I lay out? I would provide the images and the copy for the paragraphs and titles. If it is as simple as you say, any of you coders could do it quickly.

@gpetrov71

#32

Probably if you explain which part of the Working with JSON Data tutorial is not clear for you we will be able to help you:

Please tell me which step there is confusing or not showing what you expect to show?

#33

Alright. First of all. Do you find the JSON file that I provided to be adequate?

#34

Yes, the JSON structure looks fine.

#35

Hi John, late to the debate, sorry.

Have to ask the question nobody else has.

Why are you using a json data source?
Is this because you need to or is this a choice as you don’t have the expertise to go down the database route?

If the latter, perhaps you should reconsider that decision and look at a database solution as it will actually be much easier ultimately and far more flexible. Lots of support form that on here as it is the most common approach

#36

Hey Brian,
That’s already been discussed in another topic:

John wants to create html pages which run offline, not on a server but from his usb drive. To get dynamic data on them he needs to use JSON files.

#37

OK, got it, sorry

1 Like
#38

OK. Then I will return to the Wappler and lay out the test page that I wanted to build. This will take me a little while because I threw them all out in my own frustration. But I will get back to you this morning when I get to the same spot.
Thanks,
John

#39

So Teodor,
I’m back with the reconstructed page and the article. The page consists of a container with a row with two columns and a card in each column (see screenshot). I am at the point in the article where “We will create a repeat region and bind some data to repeat on the page. We’d like to repeat a column with a paragraph, so we select the row(1) and click the make repeat children button(2):” I’m starting here because I think maybe I am not setting up the repeat function correctly.

50
Screenshot 2019-04-10 05.57.50.png1920×1039 274 KB

What do I do next?

#40

Well, just create a repeat the same way as it is shown in the tutorial:

select the row(1) and click the make repeat children button(2)

Can you tell me which part of this explanation/screenshot is not clear here?

#41

I think this was clear - but I wasn’t sure I was doing it correctly. I have selected the Row and clicked on “Make repeat children”

#42

I now have “Repeat1” next to the row as your article states
.

#43

I’m at the point of choosing an expression. What do I do?

#44

John, i believe that is more than obvious in the tutorial i sent you:

Screenshot_31
Screenshot_31.jpg671×1139 135 KB

Really, just follow the documentation. We shouldn’t turn this topic into a chat room discussing every step that is already placed in the docs for all the users to follow.

#45

I’ve done that and chosen the events.json file.

#46

John, select the expression as shown in the documentation please.

#47

I have selected “expression”. Do I have to type in anything or click on the magic button?

#48

I keep repeating myself, but let’s try once again.
In the documentation i sent you: https://docs.wappler.io/t/working-with-json-data/2859 it’s explained exactly where to click. To be precise - screenshot 8 in this tutorial. Why bother clicking anything not shown there? Why not just follow it :frowning:

#51

So when I click on select Expression/select, I get a “popup that says field is required” . This is here I get confused.

#52

Please provide a screenshot of what you are referring to as it’s not clear.