Features, discussions, tips, tricks, questions, problems and feedback

How to create a group of radio buttons in a custom format

I would like to know if it is possible to create a set of radio buttons in a custom format.
To explain better, we would like to create a circular menu where the user can select an area of a wheel. It should have at least 24 positions divided into 360 degrees, as shown in this image. Only one area can be selected at a time.

image

Any ideas how to create that in Adroit 10 Smart UI?

Regards,

Douglas

Hello,

Any ideas?

Thanks

Yes, this is entirely possible.

  1. Draw OR Import (as XAML) the 24 section vector as a baseline graphic
  2. If it is imported, ensure that each of the 24 sections have a unique name
    OR if it is imported as a background, draw 24 additional splines/polylines within this background and ensure each has a unique name
  3. If the colors / selections are set globally, they can be configured using normal behaviors and data elements from the server:

OR

  1. If the selection needs to be set per client, this can be done through a script.
  • Ensure that the vector is available from the script, by setting ExposeToScript = True
    image

  • Script example(vector name is ‘option1’ in this example) :
    image

  • An example graphic form can be downloaded here:
    image
    VectorAnimation.viz (33.1 KB)