I am able to get the jQuery component, Draggable, to work, but can't do the same with Resizable. I went
here and downloaded the library with Draggable and Resizable functionality. My jQuery code looks like:
Hello. As the resizable class is empty, jquery's resizable method cannot initialise the div tag. So you have either to specify the propeties in the resizable class, or to use $('#draftduelist').resizable() instead.
Hello. As the resizable class is empty, jquery's resizable method cannot initialise the div tag. So you have either to specify the propeties in the resizable class, or to use $('#draftduelist').resizable() instead.
Thanks, that's a good point. I actually tried referencing the div by its id initially, but that didn't work either...
"Do your damnedest in an ostentatious manner all the time."
ppalubinski
Member
49 Points
175 Posts
jQuery Draggable works but not Resizable
May 05, 2010 07:46 PM|LINK
I am able to get the jQuery component, Draggable, to work, but can't do the same with Resizable. I went here and downloaded the library with Draggable and Resizable functionality. My jQuery code looks like:
<script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="Scripts/jquery-ui-1.8.1.custom.min.js"></script> <script type="text/javascript"> //Makes the consarned thing resizable is all... $(function() { $(".resizable").resizable( { containment: 'window', ghost: 'true', maxHeight: $('#DraftsDueListGridView').css('height'), maxWidth: $('#DraftsDueListGridView').css('width') } ); }); </script>The markup is as follows:
<head runat="server"> <style type="text/css"> div.resizable { } div#draftsduelist { margin: 0px auto; height: 640px; width: 1170px; } </style> <title></title> </head> <body> <form id="form1" runat="server"> <div id="draftsduelist" class="resizable"> </form> </body>It's strange because Draggable works just fine... Any suggestions on why this isn't working?
jquery asp.net resizable
rizwanparkar
Contributor
2394 Points
421 Posts
Re: jQuery Draggable works but not Resizable
May 06, 2010 04:58 AM|LINK
check this link for drag option
http://www.webtoolkit.info/javascript-drag-and-drop.html
If the post helps you, please Mark it As Answer.
regards
-------------------
Rizwan Hanif Parkar
ppalubinski
Member
49 Points
175 Posts
Re: jQuery Draggable works but not Resizable
May 06, 2010 03:01 PM|LINK
Thank you, but the Draggable component works just fine, it's the Resizable that is having issues...
BU XI - MSFT
All-Star
22367 Points
2704 Posts
Microsoft
Re: jQuery Draggable works but not Resizable
May 07, 2010 07:04 AM|LINK
Hello. As the resizable class is empty, jquery's resizable method cannot initialise the div tag. So you have either to specify the propeties in the resizable class, or to use $('#draftduelist').resizable() instead.
If you have any feedback about my replies, please contact msdnmg@microsoft.com.
Microsoft One Code Framework
ppalubinski
Member
49 Points
175 Posts
Re: jQuery Draggable works but not Resizable
May 07, 2010 02:50 PM|LINK
Thanks, that's a good point. I actually tried referencing the div by its id initially, but that didn't work either...
BU XI - MSFT
All-Star
22367 Points
2704 Posts
Microsoft
Re: jQuery Draggable works but not Resizable
May 10, 2010 01:30 AM|LINK
Hi, it resizes here. Is it likely that other options of the resize method are not right?
<link type="text/css" href="static/jquery-ui/css/ui-lightness/jquery-ui-1.8.1.custom.css" rel="stylesheet" /> <script type="text/javascript" src="static/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="static/jquery-ui/js/jquery-ui-1.8.1.custom.min.js"></script> <script type="text/javascript"> jQuery(function(){ jQuery('.resizable').resizable(); }); </script> <style type="text/css"> div.resizable { margin: 0px auto; height: 640px; width: 1170px; background-color: #E87B10; } div#draftsduelist { } </style> <div id="draftsduelist" class="resizable"></div>If you have any feedback about my replies, please contact msdnmg@microsoft.com.
Microsoft One Code Framework