How to use canvas built-in draggable dialog popup box
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.