Languages

Menu
Sites
Language
jqueryMobile popups transitions

Hi
I have faced with issue during jqueryMobile transitions for popups.
I have placed  < div data-role="popup" id="popupBasic" > inside page
and have created list of refs for all transition types like:
         < a href="#popupBasic" data-transition="pop" data-rel="popup" >Open Popup< /a > where I have listed all types of transitions: pop, fade,turn, flip, flow, slide,slidefade,slideup,slidedown.
I have checked in desktop browsers and Tizen device.
Looks like for some types transitions ther are no effects at all in Tizen device (for "turn" or "flip" only reverse animation was observed).
Alexey.

List

Responses

2 Replies
Raghu Kona

Hi Alex,

Thanks for the post. The transitions are not smooth and hopefully the next release will provide a better response.

Both "turn" or "flip" are working but the transition is too fast tobe noticed. You can check by delaying the speed as mentioned in the previous post.

Add the below code in css file

.in, .out {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 950ms !important;
}

Regards,

Raghu Kona

Alex Dem

Thank you.

Alexey.