Present Stringlist parameters as table charts instead of dropdown list

Hi,

Recently I’ve been going through the documentation for ShapeDiver API and was trying out some possibilities for building custom-styled parameter interfaces.
For Stringlist, the documentation made a dropdown menu to present all the possibilities.
I was wondering is there a way to make the dropdown menu into a chart-styled presentation for material selection? (The idea is having a little icon above the selection so the users can visualize the material they choose)
Thanks in advance!

Building a custom UI is definitely possible with HTML, CSS and JavaScript which we don’t cover on this Forum but you can find plenty of resources online for front end web development. What you need from the ShapeDiver perspective is this API call to get all model parameters and then hook them up with the dropdown elements.

api.parameters.updateAsync({"name":"example","value":123})

The code sample below shows how to build UI elements from a ShapeDiver model.