4

I created a modal dialog with help of jQueryUI. Since i want to load the other page(child.html) i used iFrame here. Everything works fine.

But the issue is, it shows a scroll bar on modal dialog page as well. I tried to remove inner scroll bar by changing few CSS properties, No Use. I am struggling with this UI issue for past 10 days.

Please look at my page here.

http://sharanvijay.com/demo/Modal/html/parent.html

Here is screenshot

enter image description here

Note: Child and parent both pages uses same CSS file.

For showing model i referred

How to display an IFRAME inside a jQuery UI dialog

Can some one figure out with some fiddling tool like fire fox or any and suggest me what should i do?

Community
  • 1
  • 1
prakash2089
  • 498
  • 4
  • 16

1 Answers1

1

Look in "/Modal/css/jquery-ui.css":

.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
zoom: 1;

The problem goes away when I unticked overflow: auto; from the developer mode in Chrome, so maybe you can delete it if neccessary.

user1903782
  • 65
  • 1
  • 9
  • Thanks, looks good. But i cant able to see my buttons at the bottom when i remove overflow:auto. Can you help my page look better aligned! – prakash2089 Dec 15 '12 at 13:14
  • Look at: ` – user1903782 Dec 15 '12 at 13:37