Dialog

[deveu]

I created a dialog (Create Page-Dialog)
I want to open this dialog by a button click
how may i open this and pls send me help link

[Illya Stepanov]

Hi -

The easiest way is to open dialog page on the event:

[Igor]

This should help:
https://getsatisfaction.com/apperyio/...

[Evgene Karachevtsev]

Hello,

Could you specify your question? The behavior of your application corresponds to your javascript code

[deveu]

I created 2 dialog

and trying to open by js
Appery.navigateTo('ThankYouTick',{transition: 'pop' });

and also by "open as dialog"

that is not working

[Kateryna Grynko]

Hi,

Is your dialog named ThankYouTick? What is your library version (see in App settings)? Did you change source files?

[deveu]

I deleted files and create again
That is now working
but I dont want to hide back parent Page
I want just poup & close with timer
let me know better way

[deveu]

$(function() {
$( "#tick" ).dialog({
modal: true,
width: 500,
height: 400,
hide: "explode",
autoOpen: false
}
);
});

is dialog jquery file exits in appery?
Do I need to include files or already included here

Pls let me know

[Kateryna Grynko]

Hi,

You would need to add jQuery UI CSS/JS to your app additionally to get such a dialog: http://jqueryui.com/dialog/

[deveu]

$( "#tick" ).dialog( "close" );
is closing properly first time
second time when loop back from another page
$( "#tick" ).dialog( "close" );
is not executing and stopping here
let me know if you have any idea

$( "#tick" ).css("background", "transparent url('files/resources/image/tick.gif') no-repeat right top");

$( "#tick" ).dialog({
modal: true,
width: 260,
height: 290,
hide: "explode",
autoOpen: true
});

//2 sec timer
timer5 =2;
myVar5 = setInterval(function() {
timer5 = timer5 - 1;

Code: Select all

 if (timer5 == 0) { 
     clearInterval(myVar5); 
     timer5 = 0; 

     $( "#tick" ).dialog( "close" ); 

     //page code 
     clearInterval(myVar1); 
     reset_data();   
     Appery("mobilecontainer").hide();  
     Appery.navigateTo('Checkin', {}); 

 } 
 }, 1000);