List - Need help with linking buttons

Hello, I have problem with list (linking button).

I have list of 28 posts (28days) (it is fitness app (fitness challenge and it is 28 day long challenge))

What I want!?

I want to acchive when I click on one post (one day) to open one screen with video (and in that page is one video with training), then when I click on Day 2 to open next screen with another video, then Day 3 and etc…

So that would be easy if I could make that one button links to one screen, but it is not possible because buttons can be linked only on one page.

How to fix this?

Link button has the same issue with other, report ticket with adalo I think that will help!

So, I have seen these questions before and here is my take on this.

Linking from a list to a page should be done if the page is a dynamic page. What I mean by this? If you link to a page from a list, normally you would only need 1 screen with a set layout which would show data depending on which list item the user came from. This means that for example if you only have an image on the screen, then you would show the relevant image that belongs to the list.

Imagine it as you browse through a set of products in an online shop and if you click on a product, a screen comes up with the details of the product. If you notice, the layout of every product screen is the same, but the data and the text changes dynamically depending on which product is being viewed. This is because there is only 1 product info page and the data changes on the page depending on the product.

In your case you should have 1 layout on the page and change the data displayed on that 1 screen dynamically.

For example:

I have 3 list items and a product page. As you can see I only have 1 product page, but depending on which list item is clicked on, I would show different image and text that is pulled from the database and related to the specific product. This is how a linking from a list should function.

So here is your solution:

Create a collection called: Daily training (or whatever you want to name it). This will contain all days of all challenges. Create a filed called Video, another called text under the collection and whatever data you will need. You also need to create a relation to the posts. 1 post can have many days but 1 day belong to 1 post.

Once it is done, on the list: If button is clicked > link to the page.

Now if you navigate to the page, you will have the related day data available, so you can use magic text and image to say: Current day’s text, current day’s image etc.

I would also advise you to take a look at some video materials to get a better understanding of the basics.

Good luck with your app!

The working with data video explains it exactly what you need.

1 Like

Just a PRO, you figured it out lol.

Hey thanks for the asnwer. Here is what I want I took screenshot for 2 days… I want to exactly for all 28days…

Hi! If you watch the video about how to work with data in the tutorials, it will tell you exactly what you need.

However looking at your screenshot it looks like you do not use a list in the 4 weeks challenge screen( judging by onen of the image is not aligned) In this case you should be able to link the button to individual screens, however using lists would be more efficient

@Nemanja You just need 1 collection with all the details.

Screen 1. Show list of all the challenges in screen 1
Screen 2. show details of the current challenge you selected

here’s a clonable kit on the approach to achieve this.

2 Likes

Thanks a lot!!! u are the best!

1 Like