New Mobile Guy
Posts: 0
Joined: Tue Jan 29, 2013 9:09 pm

Adding jquery modal dialog box

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

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Adding jquery modal dialog box

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

New Mobile Guy
Posts: 0
Joined: Tue Jan 29, 2013 9:09 pm

Adding jquery modal dialog box

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?

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Adding jquery modal dialog box

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

Return to “Issues”