Resizable

Page history last edited by Richard D. Worth 8 mos ago

 

type: interaction

release: 0.0

priority: high || medium || low

status: in planning || in development || complete

documentation: http://docs.jquery.com/UI/Resizable

demo: http://jqueryui.com/demos/resizable

 


 

- Description:

 

This plugin makes any HTML element resizable and is complete. Documentation here:

http://docs.jquery.com/UI/Resizable

 


 

2 - Visual Design:

 

(TODO: create a diagram for the visual design of existing implementation)

 


 

 

3 - Functional Specifications/Requirements:

 

Changes from 1.5, 1.6rc2 in refactor

  • 'knobHandles' option removed

 


 

4 - Markup & Style:

 

     4.1 Initial markup examples

 

     (Pre-enhanced HTML markup structure that will be transformed into the final widget. There may be multiple possible HTML markup options per widget: for example, for a slider, radiobuttons, inputs or selects could all be used. )

 

     4.2 Recommended transformed HTML markup

 

     (The HTML markup structure and classes that will be used by the scripts in the enhanced version) 

 

     4.3 Accessibility recommendation

 

    (Detailed recommendations for ARIA, HTML markup, CSS and javascript that will contribute to universal access and full section 508 accessibility for screen readers, mobile devices and any other devices) 

 

     4.4 CSS & Theme

 

    (Description of the CSS classes to be used for all states, how custom theming and Themeroller support will work.) 

 


 

5 - Latest version of plugin:

 

(Link to the latest version in the jQuery UI trunk here)

 


 

6 - Open issues being discussed

 

Eric suggests the following:

 


 

 

 

 

Comments (6)

profile picture

Eric said

at 5:48 am on Mar 8, 2009

I have a better design idea, where do I post it?

profile picture

Richard D. Worth said

at 5:58 am on Mar 8, 2009

You're welcome to post here, or the jquery-ui-dev list: http://groups.google.com/group/jquery-ui-dev

profile picture

Eric said

at 6:41 am on Mar 8, 2009

Ok here is what I think.

Resizable handles like North-West North-Wast and so on, have a major problem which is they are squared.

my idea is to break them to two small handles which will not interfere with the content inside even if it has iframes in it.

here's an example I made:
http://i75.photobucket.com/albums/i316/shedokan1/jquery-ui_resizable_design_idea.png

profile picture

Matt Smith said

at 9:04 am on Sep 30, 2009

I'm running into so real difficulties with the resizable widget.

I have some test cases that I am putting together involving dialogs, sortables, textareas and tabs

should I post them somewhere? check them in somewhere or just try and fix the problems?

also one of the frustrating things with the resizable is that if only a vertical handle is asked for the width becomes fixed rather than staying stretchy

profile picture

Scott González said

at 9:49 am on Sep 30, 2009

You can create tickets at http://dev.jqueryui.com/newticket (requires registration) for each bug and attach a test case. If you can create a patch, that would be great too.

I don't understand what you're asking for with resizing in one direction and having the other direction be "stretchy".

profile picture

Eric said

at 8:47 am on Nov 6, 2009

I think what he means that if he asks for it only to resize width, it changes the height to a fixed one, and he wants for it to strech using percents or position absolute

You don't have permission to comment on this page.