From the course: Learning jQuery UI

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Implementing the resize behavior

Implementing the resize behavior - jQuery Tutorial

From the course: Learning jQuery UI

Start my 1-month free trial

Implementing the resize behavior

- 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…

Contents