Show information based on field selected

Need help
1

Hi , I am trying to achieve as shown below screenshot and description:

image.png1256Ă—699 17.3 KB

When the logged in user clicks on Action item 1, the corresponding description and video should be displayed in the sections next to it. I was wondering how establish this connection and display the related content?

2

any help??

3

Hey!

So here’s one way to do it:

Assuming that the action list on the left is a list of Action Items in your database… Then, first, you should use a radio button element instead of check boxes so that the user can select one option at a time. The radio button would be set up as dynamic options: Search for Action Items.

Your Action Item should be structured with at least the following:

Action Item

  • name (text)
  • description (text)
  • video (either a file if you want to display it in an HTML element or a text for a video ID if you want to use YouTube or Vimeo)

Your description box would be set to “radio button value’s description”. And let’s say your video is hosted on Vimeo, the video element’s ID would be "radio button value’s video:slight_smile:

Hope this helps!

Gaby | Coaching Bubble

4

I just changed the approach of designing my layout, but yes I’ll follow this on other pages. thank you :slight_smile:

1 Like
5

This topic was automatically closed after 70 days. New replies are no longer allowed.