Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Make the dialog control from extension library draggable again
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="" xmlns:xe="">
<xp:script src="/functions.js" clientSide="true" />
<xp:styleSheet href="/bootstrap.css" />
<div class="panel">
<xp:button value="Show me the modal..." id="button1"
styleClass="btn btn-info">
<xp:eventHandler event="onclick" submit="true"
<xp:this.action><![CDATA[#{javascript:var c = getComponent("dialog1")}]]></xp:this.action>
<xe:dialog id="dialog1" title="Draggable modal">
<div class="alert alert-info">
<strong>Drag me, Baby!</strong>
&#160; Drag! Drag! Drag!
.draggable-responsive-modal { /* copy of .xsp-responsive-modal with important removed from left and top to enable dragging in xe:dialog */
display: block;
width: auto;
left: 0;
top: 0;
z-index: 1050 !important;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment