Page 1 of 1

Adding jquery modal dialog box

Posted: Fri Feb 08, 2013 4:31 pm
by New Mobile Guy

I read some of the other posts on this and can't quite figure it out.

I'm trying to add a modal dialog box to my app. I'm using the code from here: http://jqueryui.com/dialog/#modal-mes...

In the UI, I create a panel and put in the HTML, and then I put in the javascript in my javascript file and call it when the page loads.

It just shows a wierd thing (see image.)

It looks like the tiggzi app already includes the right version of jquery. Maybe I also need to include jquery-ui.js? If so, how do I do that? Or is the problem/challenge larger than that?
Image


Adding jquery modal dialog box

Posted: Fri Feb 08, 2013 5:39 pm
by Kateryna Grynko

Hi,

You can also use Tiggzi popup (Create New - Popup).
The action Open as popup can be used for opening window.

1) Tiggzi includes jquery 1.8.2
2) to include any JS code you can use Create New - JavaScript


Adding jquery modal dialog box

Posted: Fri Feb 08, 2013 6:42 pm
by New Mobile Guy

Thanks. My question was a bit broader than just pop ups, and more about all the native jquery UI. For example, if I wanted to add a draggable box, I imagine I would leverage code shown here:

http://jqueryui.com/draggable/

The question is, would it work just to put the javascript in a new file and the html in a panel on a page?

I assume I would need to include the same js and css files shown in the code, like http://code.jquery.com/ui/1.10.0/jque..., but where in Tiggzi would I do that?


Adding jquery modal dialog box

Posted: Fri Feb 08, 2013 10:36 pm
by Kateryna Grynko

You should include the same JS and CSS files shown in the code.

To include any JS code you can use Create New - JavaScript
To include any css file you can use Create New - CSS