Page 1 of 2

Dialog

Posted: Sun May 04, 2014 7:34 pm
by 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


Dialog

Posted: Sun May 04, 2014 7:48 pm
by Illya Stepanov

Hi -

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

Image


Dialog

Posted: Mon May 05, 2014 3:49 am
by Igor

Dialog

Posted: Mon May 05, 2014 1:24 pm
by Evgene Karachevtsev

Hello,

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


Dialog

Posted: Thu Jun 26, 2014 6:48 am
by 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


Dialog

Posted: Thu Jun 26, 2014 7:36 am
by Kateryna Grynko

Hi,

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


Dialog

Posted: Thu Jun 26, 2014 9:10 am
by 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


Dialog

Posted: Thu Jun 26, 2014 9:55 am
by 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


Dialog

Posted: Thu Jun 26, 2014 11:40 am
by 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/


Dialog

Posted: Fri Jun 27, 2014 5:25 am
by 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);