Menu
Sites
Language
[wearable] Call of Number picker

Hi,

Can you please give me advice, how to call number picker, like it is described here? I mean this image from article:

Mentioned time and date (<input type="time/date") works, but not for numbers! It only shows normal keyboard, no rotary picker. Also, I don't know how to set interval of numbers. Why there is any code sample in the main article??

Thanks for you ideas.

Edited on 08 08, 2017
List

Responses

3 Replies
Armaan-Ul- Islam

You can achieve this number picker using Tizen Native.

Link: https://developer.tizen.org/development/guides/native-application/user-interface/efl/ui-components/wearable-ui-components/circle-spinner

 

But, As far as I have seen rotary number picker is not yet available in Tizen Web yet.

 

 

As a workarround you can try jQuery rouldSlider pluguin for now.

https://stackoverflow.com/questions/44726018/how-to-add-endpoints-to-circle-progressbar/44749712#44749712

http://roundsliderui.com/

John Ixion

some code samples for a circular UI (web)

https://developer.tizen.org/development/guides/web-application/user-interface/tizen-advanced-ui/applications-circular-ui

John Ixion

You can use jQuery with TAU for convenience. Also for backward compatibility, TAU supports the jQuery interface for UI components. However, it is strongly recommended to use the new TAU style.