jquery UI portlet inside tab - out of boundary problem

Posted by mango on Stack Overflow See other posts from Stack Overflow or by mango
Published on 2010-03-18T22:06:00Z Indexed on 2010/03/19 1:41 UTC
Read the original article Hit count: 506

Filed under:

jQuery

|

ui

|

tab

|

portlet

I am using jquery UI tab, and one of the tab panels contains the UI portlets.

The problem is that the portlets are not inside the tab boundary, here is a screen shot: http://pic20.picturetrail.com/VOL22/543225/792958/384422925.jpg

here is the main page

http://codepad.org/fQRxsosu

here is the include file for the portlets, newPortlets.html which is essentially the example from jquery ui docs.

http://codepad.org/kAlT9CAy

the tab containing the portlet will be ultimately created dynamically.

i have been looking at the markup, etc using firebug and there is no error.

tia for any help!

© Stack Overflow or respective owner

Related posts about jQuery

Microsoft and jQuery

as seen on West-Wind - Search for 'West-Wind'
The jQuery JavaScript library has been steadily getting more popular and with recent developments from Microsoft, jQuery is also getting ever more exposure on the ASP.NET platform including now directly from Microsoft. jQuery is a light weight, open source DOM manipulation library for JavaScript that… >>> More
An Introduction to jQuery Templates

as seen on Stephen Walter - Search for 'Stephen Walter'
The goal of this blog entry is to provide you with enough information to start working with jQuery Templates. jQuery Templates enable you to display and manipulate data in the browser. For example, you can use jQuery Templates to format and display a set of database records that you have retrieved… >>> More
Ajax Control Toolkit December 2013 Release

as seen on Stephen Walter - Search for 'Stephen Walter'
Today, we released a new version of the Ajax Control Toolkit that contains several important bug fixes and new features. The new release contains a new Tabs control that has been entirely rewritten in jQuery. You can download the December 2013 release of the Ajax Control Toolkit at http://Ajax.CodePlex… >>> More
jQuery show "loading" during slow operation

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to show a small loading image during a slow operation with jQuery and can't get it right. It's a BIG table with thousands of rows. When I check the "mostrarArticulosDeReferencia" checkbox it removes the "hidden" class from these rows. This operation takes a couple of seconds and I want… >>> More
Tracking download of non-html (like pdf) downloads with jQuery and Google Analytics

as seen on Developer IT - Search for 'Developer IT'
Hi folks, it’s been quite calm at Developer IT’s this summer since we were all involved in other projects, but we are slowly comming back. In this post, we will present a simple way of tracking files download with Google Analytics with the help of jQuery. We work for a client that offers… >>> More

Related posts about ui

jquery.ui.draggable.js and jquery.ui.widget.js conflict

as seen on Stack Overflow - Search for 'Stack Overflow'
hello I had a working application, which uses a jquery ui dialog. I wanted to make the dialog draggable. As far as I know the only thing needed is the jquery.ui.draggable.js script. So I added it to the scripts I am using, but know I get the following error (as shown in the firebug console): base… >>> More
jQuery UI Dialog Error: b("<div></div>").addClass("ui-widget-overlay") is undefined

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the below code for my a Dialog box for a which contains a dropdown field KPMS.ServiceRequests.Status = { showOptions : function(requestId, userId, requestType) { var url = BASE_URL+'service_requests/status_options/'; $("#dialog-modal").dialog("destroy"); $("#dialog-modal").load(url… >>> More
Overlapping an UI field with another UI field in blackberry

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello Everyone.. I am making an application in blackberry with 4.7 OS. In my project i need to put a labelfield on top of a bitmapfield. I have taken the bitmapfield inside a verticalfieldmanager. I wanted a complete code for this problem. Thanks in advance. >>> More
The type or namespace name 'UI' cannot be found for using System.Web.UI

as seen on Stack Overflow - Search for 'Stack Overflow'
I am following the tut here http://msdn.microsoft.com/en-us/library/h59db326.aspx # Create an App_Code directory directly under the root directory of your Web site (also called Web application root). # Copy the source file for the control (WelcomeLabel.cs or WelcomeLabel.vb) … >>> More
WebCenter 11g UI Examples

as seen on Oracle Blogs - Search for 'Oracle Blogs'
Anyone interested in learning more manipulating the WebCenter UI should definitely stop by John Sim's blog. He has produced an excellent set of UI examples and details around how he achieved them. Definitely stay tuned to see what else John produces! WebCenter UI Customization Examples >>> More