Monday, June 22, 2009

Tip: Solving jQuery Dialog Scrolling Problem.

Scenario:
Add a jQuery accordion widget into the jQuery dialog. The version of the jQuery used was 1.3.2 and the version for the jQuery UI was 1.7.2

Problem Statement:
The dialog vertical scrollbar did not actually scroll when the dialog content length is more than the dialog height.

Resolution:
Add a "position: relative" into the dialog "div", that will solve the scrolling problem. It's tested in IE7 and FF3.0

Example:
<div id="historyDialog" class="demo" title="Last 10 Orders" style="position:relative">

2 comments:

Anonymous said...

Hi Leonwoo,
I tried doing this.. but is didn't work.

Leonwoo said...

Hi,
Can you post your codes on the forum?