Languages

Menu
Sites
Language
Scroll popup content with rotary bezel events

Hello

Recently I submitted my app to the store, but it failed certification because the content of one of the popups does not get scrolled when rotating the bezel. It can only be scrolled using touch events. So, I have to implement the scrolling.

I have implemented listening for rotation events using 'rotarydetent' evet listener and it works. However, I can't find a way to scroll my popup content.

 

       <div id="info-popup" class="ui-popup">
            <div class="ui-popup-content" id="info-content">

            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
            
            </div>
            <div class="ui-popup-footer">
                <button class="ui-btn ui-btn-footer-icon btn-apply" id="info-ok">OK</button>
            </div>
        </div>

//get elements    	
var infoElement = document.getElementById('info-popup');
var infoContent = document.getElementById('info-content');

//open popup
tau.openPopup(infoElement);

//...

//handle rotary event
//none of this works
infoElement.scrollTop = infoElement.scrollTop + 20;
infoContent.scrollTop = infoElement.scrollTop + 20;

 

As commented above, I  try to update the scrollTop property, but it does nothing. The content does not scroll. I know it could be because the element can't be scrolled (e.g. it has no overflow or if the element is non-scrollable), but I can scroll it with my finger.

Can anybody suggest a solution? This is a critical issue for me, as my app won't pass certification without correct bezel scrolling.

Thank you

Maciej

List

Responses

2 Replies
Seoghyun Kang

Hello,

 

Hmm. That's too strange.

 

I think you used the TAU popup. When I checked it, TAU only supports the bezel event for the list.

I know that they do not support the bezel event for the TAU popup.

 

If this is the issue in Tizen store policy, I think TAU should support the bezel event for the popup.

Hmm. I recommend that you discuss with tester.

 

Thanks.

 

 

 

Juan Ospina

Have found a solution for this? im trying to scroll a simple content page, but i can't get it done either. It would seem that the obvious thing is that it should be default to scroll with the bezel... but somehow this is only supported for list views?