Adding links to each item (text) in dropdown list

When the user clicks on dropdown, then selects an item on the list, it automatically opens a page or scrolls to a location on the current page

Hi there! I’m not exactly sure what you’re looking to do - could you describe what you’re looking to do, what you’ve tried, and screenshots of how you have the elements setup, including workflows? Thanks!

Hello!
I want to have a drop down list of multiple items that when the user selects an item on the list, it uniquely opens another page:

1 Like

I can only get the drop down list to display all 4 items. I want the user to select each item to open a different page linked to each.

You can create an option set with the values (display text and URL) of the things you want in the dropdown. Then add a repeating group and use the option set you just created as the data source.

Then set a workflow for when you click each cell in the RG.

Do you want the dropdown selection itself to be the action that launches the new page?

I don’t see where I can add a URL into the Option Set data

Yes, that’s exactly what I want. Also instead of launching a new page, can it scroll to a location on the same page?

You can add a new attribute and name it url. Then add the url you want inside that attribute.


Yes this is possible, I just tested it myself. You can do this either with option sets as @chikeiroegbu mentioned, or with a field on your data type.

On option sets, you would create a new Attribute called ‘Link’, and include the URL on each option. If you used a data type instead, you would create a new field on your Datatype called ‘Link’, with the URL.

In both cases, you populate your dropdown with whatever that data or option set’s Display or Name is, and start a new workflow:
New workflow → Element → An input’s value is changed
image

Choose your Dropdown as the Element to watch for changes.
For Step 1 of the workflow, go to Navigation → ‘Open an external website’
image

On the link itself, choose ‘Insert Dynamic Data’ and then select ‘This Dropdown’s value’s Link’ (or if you’re using an Option Set, choose ‘This Dropdown’s value’s Link’ (this should be similar if you’re using data or option set). And then decide whether or not you want it to open in a new tab.
image

As far as scrolling to a particular place on the page you’re bringing them to, that depends on how the page is setup (if they already have anchor tags, you can reference them in the URL), or sometimes you can use Google searches that highlight keywords and bring a user directly to a particular part of a page.

If you’re not going to an external page but instead staying within your App, it can get a bit simpler as you can control the focus, scroll position, etc.

Thank you so much [chikeiroegbu and msgiblin, I’ll try it right now!

1 Like

The solutions worked!! Thanks you all!

Cheers, Mark

2 Likes

Glad to hear it! Do you mind marking the answer as the Solution so others could find it if they run into the same issue?

Will do!

1 Like

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