Resizable

From Interaction-Patterns.org

Kategorie:Interface Interaction

Contents 1 Resizable 1.1 Quick Summary 1.2 Visual Examples 1.3 Examples found on the World Wide Web 1.4 Use When 1.5 Possible Solution 1.6 Rationale 1.7 Accessibility 1.8 This pattern is being used to 1.9 Source

[edit] Resizable

[edit] Quick Summary

Various ways of how to resize an image/text/field. Pull at the edges and it changes it seize. At the bottom of the reference page (click on the url) there is even one that animtes the change of the seize. Have a look and find out on your own.

[edit] Visual Examples

Found at www.extjs.com	Found at www.extjs.com. The ratio of the picture doesn't change when pulling at one side.
Found at www.extjs.com. Click on the "show me" button (not visible in the video; to actually see it follow the previous link and scroll down a little) and the picture appears on the screen. Drag and drop it at any place and change the picture's size.	Found at www.extjs.com.

[edit] Examples found on the World Wide Web

• http://extjs.com/deploy/dev/examples/resizable/basic.html

[edit] Use When

[edit] Possible Solution

[edit] Rationale

[edit] Accessibility

[edit] This pattern is being used to

• Adjust
• Customize
• Edit

[edit] Source