Alternative to radio button element

Webix JS
1

I have a page (rendered in desktop & phone) which shows multiple options to the user. The user is supposed to select one of the option among the displayed options. Currently we have implemented this feature using radio button. But using the radio button over phone is not very user friendly. Is there any other element/functionality in WebIx which does radio button functionality and is easy to use in phone as well?

2

Code snippet - http://webix.com/snippet/69053ded

3

You can use

4

This is perfect. Thanks Maksim :slight_smile:

I have also raised one more support request related to mobile app. Please help with the solution,

http://forum.webix.com/discussion/1390/webix-pages-are-not-working-well-with-mobile-key-pad#Item_2

5

Hi Maskim,

Is there any way to decide number of segments in a row.

Currently all the slots are being displayed in a single row and it doesn’t look nice in mobile device.

Any attribute to decide number of segments in a row.?

6

Segmented button always render self as a single row. ( you can have a two segmented buttons, but it will complicate logic a bit )

Check the next example
http://webix.com/snippet/737b20d4
Two line selector created with dataview component.

7

With regards to segmented, how do I make it required? No initial value, one must be manually selected. (almost like tri-state) - http://webix.com/snippet/87edd364

8

Nevermind, just added this:

 validate:function(value){ return value == true; }

to the segmented view.