Landscape item picker

Help from Community
1

Hi everyone,

Is there a way to create/modify the item picker design accelerator do make it landscape ?
I want to create something like this with 3 colors.

Capture
Capture817Ă—421 192 KB

Thank you very much for your help !
Vincent

2

Hi @vincent1,

Before I provide the best course of action to achieve such solution please could you come back to us on the below:

  • On what platform do you intend to use this Experience with the item picker? (Windows, Android, iOS, BrightSign etc.)
  • Could you provide a detailed use case or user scenario for this item picker?
  • Do you have a link available that demonstrates a live version of what you mentioned above?

Kind Regards

Louie

3

Hi Louie,

Thank you for your answer.
I want this experience to run on an iPad.
My customer wants to have this feature during a quiz. The user with use the slider as a way to answer a question. In this case “Choose the color you associate with well-being”.
You will see here what i want as a final result : https://youtu.be/K9JFbxdsWuw .

Thanks again fort your help.
Best regards,
Vincent

4

Hi @vincent1,

I have attached the Experience that should address your use case.

Here is a breakdown of how it works:

We have a Pinboard Collection with the following assets:

  • 3 Rectangle assets (dragged over areas)
  • 1 Ellipse asset (visual indicator)
  • 1 Image asset (this is the gradient image you see within the collection; this could also be a Rectangle asset with a gradient, but we have used an image to keep things simple).

image
image2830Ă—1614 343 KB

We have three rectangle assets which act as our dragged-over areas for when you move with the Ellipse.

image
image2530Ă—1844 1.33 MB

WHEN Ellipse is dragged over [Left] THEN set the text of the [Position Value] Text asset and a second action to set the fill color of the background. See the screenshot below:

image
image2616Ă—1236 114 KB

You will need to repeat this trigger and action on the ellipses for each of the dragged-over areas but selecting a different target (Left, Middle, Right). See the screenshot below:

image
image1600Ă—922 47.2 KB

You can change the size of each of the areas by adjusting these properties panel located in the top right hand side of Composer:

image
image3832Ă—2240 2.07 MB

Now, as you move the ellipses over each of the areas, it will raise the corresponding trigger and action to set the text and change the background colour.

Slider

You can download the Experience here to try :GradientSlider.zip (6.1 MB)

Kind Regards

Louie

2 Likes
5

Hi Louie,

It works like a charm.
Thank you very much for your help !

Best regards,
Vincent

1 Like
6

tahnks for sharing… very helpful

1 Like