resizable

How to add resizer to textarea in IE the same as in Chrome and Firefox? jQuery.resizable() won't work for me. Internet Explorer (and Microsoft Edge, as of May 5, 2016) do not support native gripper/resizing on textarea elements. While these may eventually be supported in the future (in Microsoft Edge), the best option you have for now is to polyfill the functionality. Many options exist online that do this, but if you're using jQuery and jQuery UI, you could use the Resizable widget: $("textarea").resizable({ handles: "se" // place handle only in 'south-east' of textarea }); By default, this

I have a parent div which is resizable (width only) - within this div I have a number of other divs that are also resizable (height only). At times I want to either disable or destroy the parent width resizing but leave the inner height resizing in place. When I call $("#idTopDiv").resizable("destroy"); , this destroys the resizables on all of the child divs as well. Typical layout is:- <div id=idDivTop> <!-- Resizable width --> <div id=idInnerOne> </div> <div id=idInnerTwo> <!-- Resizable height --> <div> </div> Appreciate any ideas. I think this happens because the destroy of resizable

Is it possible to make only one gridster widget resizable? I've made it so the user can click on a widget heading so that it expands & contracts. I'd like to make it so that when a widget is expanded, it is resizable. Can this be done? If so, how? When resize is enable each widget get the gs-resize-handle class in a span element with the setup_resize() function. so you can play with css to hide the resize handle with css by adding a custom class like : .no-resize .gs-resize-handle-both{ display:none; } and when you expand your widget your remove your custom class. EDIT : An another way to do

I recently ran into some troubles using JQuery Draggable and Resizable plugins. Looking for solutions, i found some very fragmented code in many different places and finally filed down to a clean solution which seems to work almost perfectly for me. I thought i'd share my findings for anyone else, should they come accross this issue too. I have a div which contains and IFrame. This div must be resizeable and draggable. Simple enough - add the jquery draggable and resizable to the div like so: $("#Div").draggable(); $("#Div").resizable(); All is fine until you drag over another div containing

I would like to have (preferrably in jQuery) regular text input box which can be clicked and dragged by its right-bottom corner (e.g. like textareas have in Chrome) and resized by user ? Can't find any jQuery plugin already implementing this. Can anybody give me hint if something like this exists or how could it be easily implemented ? Thank you in advance. EDIT: I want to be resizable similarly like textarea is in Chrome... You don't need jQuery to handle this. What you need is css. #yourTextInput{ resize:both; } This will allow your text input to have the resize option on the right kay Anno

We have this group project and I was assigned to make a certain iframe resizable. I've been reading lots of forum posts since last week, and I found out that iframe itself can't be resizable. Is there a way to make my iframe resizable? Nicole Sullivan This can be done in pure CSS, like so: iframe { height: 300px; width: 300px; resize: both; overflow: auto; } Set the height and width to the minimum size you want, it only seems to grow, not shrink. Live example: https://jsfiddle.net/xpeLja5t/ This technique has good support in all major browsers except IE . kuldeep raj These steps will make an

i'm using jQuery UI Resizable, and i need to set handles option after the initialization. I followed the API example and initialization method works just fine, but setter method seems not working. Am i missing anything? // Initialization works fine! $('#containerGreen').resizable( { handles: "n, e, s, w" } ); // Setter NOT working $('#containerRed').resizable(); $('#containerRed').resizable( "option", "handles", "n, e, s, w" ); Live Demo It's a known bug: http://bugs.jqueryui.com/ticket/3423 Workaround from the issue: A dirty solution is to enable all the handlers that you are going to need on