- In this chapter we'll take a look at a couple of the…different interaction behaviors and effects…that jQuery UI provides.…And we'll start with the Resizing behavior.…The Resize behavior gives the ability to be Resized…to the elements on the page.…And so here in Chapter Three I've scrolled down…to the Resize section.…Let's go ahead and open up Resizable_start.…And you'll notice I have some content here on the page.…Let me just bring up in the browser so you can see it.…So here is our document and what I'm going to do is…exercise the Resizable behavior on…this content div right here.…
So let's go to the code.…And let's go to the Snippets.…In order to make an element Resizable…you don't have to do much more than to…just simply call the Resizable function on it.…So let's copy this line of code and paste it…into the document ready function so when the page loads…we will find this div in the page and…we'll make it Resizable.…So let's save and let's refresh.…And you can see that when I do that a little…Resize handle appears on the bottom and…
Skill Level Beginner
1. Basic jQuery UI Widgets
2. Advanced jQuery UI Widgets
3. Behaviors and Effects
4. jQuery UI Utilities
Next steps1m 8s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.