sharepoint 2010 - modal dialog scrollbar issues

Good Afternoon Friends! :)

Hope you all are doing good!

We faced scroll bar issue in our only blog site for New and Edit Post forms(modal popup). The scroll bars were not at all visible in IE. In chrome and other browsers it was working fine.

This issue caused because of some of our custom master pages. Debugging through the custom master page CSS was cumbersome and fixing issue there might have created some other problems. So we decided on some different workaround.

Any type of list in sharepoint has one option available in ribbon for editing the default New, Edit & Display forms.










- Select Default New(or Edit) Form
- Add one Content Editor webpart on the form
- Select "Edit HTML Source" of the webpart from ribbon
- Add following CSS into the HTML source

<style type="text/css">
BODY #s4-workspace {
OVERFLOW-X: auto !important; OVERFLOW-Y: auto !important
}
BODY #s4-bodyContainer {
HEIGHT: 639px; WIDTH: 619px
}</style> 

- After adding the CSS, Stop editing the page

This CSS will override the default CSS and will eventually shows the scrollbars in modal popup dailog for IE browser.


Hope this helps!

Happy Learning! :)