Languages

Menu
Sites
Language
gear s2 selector shows nothing

I am trying to implement code example for rotary selector but nothing shows.  I am using stand alone example in reference.

List

Responses

11 Replies
Seoghyun Kang

Hello,

 

I could not understand the rotary selector you want. But I think TAU sample is good example for you.

 

There is the UI Sample in Tizen 2.3.1 SDK. It is the UIComponents using TAU.

 

When you launch the UIComponents sample, you can see the rotary selector.

(UIComponent -> Controls -> Selector -> Normal Selector or Indicator Custom Selector)

 

I think it will be helpful to you.

Thanks

Vikram

Hi,

I found some material about rotary selector.

API References > Web Application > Tizen Web UI Framework Reference > Wearable Web > Support for Circular UI and link to the topic "How to support Index Scroll Bar" For this sample, in round UI, the select occurs when using rotary.

Hope is usefu for you.

AVSukhov

Hello,

Could you please share your sample code? 

Maybe we can help you solve the problem. =)

jason stein

basically I put in this code in a <body> tag and I expect to see these icons in a circular format regardless of whether I give function to the buttons via javascript.  All I get is a blank screen.  I am using 2.3.1 (thanks for the help everyone)

How to Create a Selector

HTML Example

<div class="ui-page ui-page-active" id="main">
	<div id="selector" class="ui-selector">
		<div class="ui-item ui-show-icon" data-title="Show"></div>
		<div class="ui-item ui-human-icon" data-title="Human"></div>
		<div class="ui-item ui-delete-icon" data-title="Delete"></div>
		<div class="ui-item ui-show-icon" data-title="Show"></div>
		<div class="ui-item ui-human-icon" data-title="Human"></div>
		<div class="ui-item ui-delete-icon" data-title="Delete"></div>
		<div class="ui-item ui-x-icon" data-title="X Icon"></div>
		<div class="ui-item ui-fail-icon" data-title="Fail"></div>
		<div class="ui-item ui-show-icon" data-title="Show"></div>
		<div class="ui-item ui-human-icon" data-title="Human"></div>
		<div class="ui-item ui-delete-icon" data-title="Delete"></div>
	</div>
</div>
AVSukhov

Hello,

Try to cretae using Selector constructor:

selector = tau.widget.Selector("...") 

Palitsyna

Hello,

If you are talking about Select Menu, please, take into consideration that, as written in documentation, it has been deprecated since Tizen 2.4 and will be deleted in Tizen 3.0. To support Backward compatibility, please import tau.support-2.3.js. You can read about it here:  https://developer.tizen.org/dev-guide/2.4/org.tizen.web.apireference/html/ui_fw_api/Mobile_UIComponents/deprecated/mobile_SelectMenu.htm


Since 2.4, this component has been renamed to DropdownMenu. Here you can find more information about it: https://developer.tizen.org/dev-guide/2.4/org.tizen.web.apireference/html/ui_fw_api/Mobile_UIComponents/mobile_DropdownMenu.htm

AVSukhov

Hello,

Selector is wearable ui component, not mobile.

Palitsyna

yes, now I see. Thanks and sorry for my mistake.

Vikram

Hi,

If you provide the full code, it help us to found the issue quickly. Anyway, you need to implement the Manual Constructor for Selector.

jason stein

All,

Thanks for the help.  The final solution was to create a new project that has a sample of all the wearable web ui controls and then delete stuff until all I have is the circular control.

Pavel Korolev

For me it was a problem with TAU lib version.

Check app's console log. If it says tau.widget.Selector is undefined, most likely you have same problems as me.

Switching to lib version 0.11.4 solved the problem.