Feature Request - Dropdown list with Images

Hi,

I think I have mentioned this before in some of the live webinars but I think the one thing that is missing from the ShapeDriver App is Dropdown list with Images, is that something that I can expect from Santa this year? :santa:

Surprise, this feature is in the making, and should arrive in Q1 2025!

1 Like

Almost as good as a Christmas present, I’ll take it :santa: :facepunch:

Great work!

Happy New Year @snabela !

Do you have an ETA on this drop down list with images?

Cheers,
Oskar

We did not precisely schedule this new feature yet. As Alex mentioned above, we are aiming to release it in Q1, so you can expect a first version within the next two months. We will let you know once we make progress.

1 Like

Thanks for the update @mathieu1 ! :+1:

Hi! Any update on a launch date already?

1 Like

We are finishing the specification of a first version of this feature. The first version will likely be an extension of the dropdown UI element to include images and descriptions, like this:

@Mick_Simmering @Oskar_Scherdin Would this version work for your planned applications?

We are planning to develop an alternative UI using cards, like in the below example, but this will take longer as it involves careful consideration of multiple use cases and responsiveness.

2 Likes

Nice one, thanks @mathieu1 :+1:

As long as we can pick our own images for the list that looks great. Happy to have a size limitation on the images to aid performance if needed.

1 Like

Hi Mathieu,

UI Cards would still for me be the ultimate goal, but i think this is a nice alternative. As long as we can use our own images!

cant wait!

1 Like

Hi Matheiu, how is thing coming along, has it been implemented yet? I haven’t seen anything but I might have missed it. We have now ticked over to Q2.

Thank you for holding me accountable!

As a matter of fact, we did release a first versions of this feature last week, so technically in time. :wink:

You can play with three different version of value lists with images here.

However, this is currently not exposed through Grasshopper components, making it a little more challenging to implement: this requires manipulating the theme used by your App. Documentation and examples on how to do that will come in the next few days. Grasshopper components conveniently exposing the feature to pure Grasshopper Apps will take a few more weeks, but we are working on it with high priority.

In any case, we are happy to get your feedback about the current options!

1 Like

Thanks for getting back to me so fast. Ok, nice! I do like the Carousel as well, nice implementation. The dropdown looks nice, although I can’t see the image of the one I have picked (might not be a big deal but that’s my initial feedback).

As soon as you have something to test let me know please.

Hi Mathieu,

Another month has passed, how are we going with the implementation of this feature?

1 Like

The feature is still not deployed in the Grasshopper plugin, as we are still making refinements in the UI and options. However, you can already use it by creating a custom theme where you can reference your own images. I created a small example below:

https://www.shapediver.com/app/builder/v1/main/latest/?slug=250430-imagelist&redirect=0&g=https://shapediverdownloads.s3.us-east-1.amazonaws.com/imageListSetup.json

It includes one example for all four types of image lists we support so far. You can check in the JSON file how to link an existing value list in Grasshopper to a custom UI and reference the URL of images you want to use.

Here is the Grasshopper file used in the example, just for reference:
250430_ImageList.gh (10.5 KB)

It will of course become more convenient when those new widgets are exposed through Grasshopper components, but if you start playing with this version, please let me know here if you face any issues.

1 Like