Hi,
Thanks, but I have already tried this way and the issue that I am
facing in this is that the whole dialog in which that div is contained
is not being able to be dragged and the only portion that i making it
draggable is dragged...
Footer div is dialog1.
Please let me know if I am doing something wrong and how can i make
the whole dialog draggable or from footer just like currently it is
from title...
I am putting sample HTML of what I am using it...
jQuery UI Dialog - Basic modal
#draggable, #draggable2 { width: 100px; height: 100px; padding:
0.5em; float: left; margin: 0 10px 10px 0; }
#draggable p { cursor: move; }
$(function() {
$("#dialog").dialog({
bgiframe: true,
modal: true,
height:'auto'
});
$("#dialog1").draggable(handle:'div');
});
sdfsdfdsf
sdfdsf
sdfsdfsdf
dsfsdfsd
sdfsdfsd
dsfsdfds
fdsfsdffgdfgfdgdfgdf
dsfsdf
sdfsdffsdf
sdfsdfsdf
dsfsd
dfg
dfgdf
gdf
gdf
gfd
g
dfg
df
gdfnnkkk
I can be dragged only by this handle
Sed vel diam id libero http://example.com";>rutrum
convallis. Donec aliquet leo vel magna. Phasellus rhoncus faucibus
ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis
ultricies neque, sit amet auctor elit eros a lectus.
checkbox
radio
select
textarea
A modal dialog prevents the user from interacting with the rest of
the page until it is closed. To add a semi-transparent layer that
dims out the page content behind the dialog, set the background color
and opacity of the overlay option.
On Sep 12, 9:12 pm, samma89 wrote:
> yeah..there is a way..add a div to footer or anywhere you want to use
> as the handle.after that write this in the draggable code " handle:
> 'div's id or class'.thats it.