Thanks! I think I'm almost there. I added the load function and now when I first load the page I'm able to resize the .ui-tabs-panel div, but when I click on any of the other tabs and/or click back to the first tab the handle (and, along with it, the ability to resize the panel) disappears. See here:
http://imbunche.com/jquery/tabs/tabs-ajax-load.html I want to make it so you can resize that panel once you've clicked on one of the tabs, not just when the page loads. Along with that I'd like to keep the newly re-sized panel the same height for each tab. On Apr 7, 5:15 pm, Klaus Hartl <[email protected]> wrote: > Since you pulling in new content with every load you need to make it > resizable after every load... something like: > > $('#whatever').tabs({ > load: function() { > // make resizable here... > } > > }); > > --Klaus > > On 7 Apr., 16:52, imbunche <[email protected]> wrote: > > > Thanks for the suggestion. Unfortunately in the "much more > > complicated layout" I mentioned above I can't make the entire #tabs > > div resizable. In that set of tabs, the tab list items are stacked > > one on top of the other to the left of the tab content. What I need > > is to be able to resize the div that the AJAX content gets loaded into > > (.ui-tabs-content) and not the entire #tabs div. > > > The odd thing is this works - making the .ui-tabs-content div > > resizable - as long as the content of .ui-tabs-content isn't getting > > pulled in dynamically. I'm just wondering if I'm missing something to > > do with theming static vs. dynamic tabs. It looks like the markup > > that's generated is the same, but it's definitely not working as > > expected. > > > On Apr 7, 7:36 am, Shedokan <[email protected]> wrote: > > > > Why don't you use $('#tabs').resizable();? > > > > On 7 אפריל, 09:14, imbunche <[email protected]> wrote: > > > > > I setup two really basic pages to try to troubleshoot a problem I'm > > > > having on a much more complicated layout. > > > > >http://imbunche.com/jquery/tabs/tabs.htmlhttp://imbunche.com/jquery/t... > > > > > On the first page I'm using the example code for UI Tabs (stripped out > > > > of the index page that comes with a full download of the latest > > > > version). All I've added is the code to make the .ui-tabs-panel (the > > > > panel beneath the tabs) resizable. It's a little bit wonky, but the > > > > handle shows up in the bottom right corner and the panel is indeed > > > > resizable. > > > > > On the second page I've switched the tabs so they pull their content > > > > from other html files - so-called AJAX Mode (http://docs.jquery.com/UI/ > > > > Tabs#Ajax_mode). The tabs themselves work, but even though .ui-tabs- > > > > panel is still the class given to these dynamically loaded divs > > > > they're no longer resizable. > > > > > I'm guessing there's something really obvious I'm missing, but I've > > > > been at it for hours so any help would be appreciated. > > > > > Cheers, > > > > Chris --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
