How to use canvas built-in draggable dialog popup box

Jump to solution
z_dusatko
Community Novice

Hello everybody,

this might be a newbie question, I am trying to use canvas built-in draggable dialog box, so far I figured out this:

this is a link to open a popup dialog box:

<a href="#" style="float: left;" class="media_comment_link media-comment">Media Comment</a>

this is the content that shows inside the dialog box

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable" tabindex="-1" style="outline: 0px; z-index: 1002; height: auto; width: 560px; top: 560px; left: 297px; display: block;" aria-hidden="false">...</div>

so where can I find JS, jQuery or any script that is attached to this? I don't see any id attributes attached to these HTML elements, only class ones. Or is this managed by some ruby on rail code?

Thanks for any pointers,

Zbynek

1 Solution

You can use the basic jQuery UI dialog (https://jqueryui.com/dialog/​) and it will inherit all of the styles from Canvas. The only issue is in timing the JavaScript call. You can find some code in one of the responses at Re: Targeting the iFrame using Javascript in the new UI  that will help you with timing if you decide to go this route.

View solution in original post