I have a dialogwindow put on a content page. Everything works fine except when the window is in normal state, the scrollbar acts very strangely. It is frustrating for the user because it won't scroll properly. You can grab the vertical scrollbar and it will only go so far down, probably because the height on the content placeholder is set, and it will pause for a long time before it gets updated to render the bottom of the dialog window.
How can I get the scrollbar to function properly? I tried removing the window element like in another post and readding it to the form, but I get an error saying that it is already added and I can't have a duplicate. I have tried using an extra div statment to set the height of the div and then set the window at 100%, but the window overflows at that point.
Hi nbizub,
I experimented with first version of your application and found that scrolling problems happens because of 2 reasons.
1. MaintainLocationOnScroll mentioned by Petar: dialog is too large and change content of dialog by WebHtmlEditor may trigger resize event of browser and dialog rebuilds its layout.2. Timer events refresh content and user entry can be lost (that does not happen in your second sample).
Note: change of parent-element of dialog is possible only when only full postback is used. Actually there is not need in custom javascript codes, because there is property UseBodyAsParent and it has description about limiatations.
I did not find any problems with your second sample. Scrolling, editing, etc. seemed to work.
The isuue with lost styles when IIS is used, is probably related to failure to get css resources used by dialog. I suggest you to check generated html and analyze attributes of dialog elements in developer tool or similar. You may select any html element used by dialog, look at its styles, classes and other attribute, check which actual css files provide those classes and try to figure out which files are not loaded, which attributes do not have effect, etc.
Hi Petar. I have set the MaintainLocationOnScroll and the issue still exists. I get a better interaction when I put just a plain textbox under the webhtmleditor and set it to display:none. It is like the WDW doesn't see the WHtmlEditor properly. Also, I have a thread I created to address the webhtmleditor problem but you may have seen this before. The content or text window of the webhtmleditor actually scrolls out of the editor along with the scrolling of the dialog window. So I end up with a very strange behavior. Is there some sort of issue with the editor being put on the webdialogwindow? Also, the dialor window loses its styles when I access the site on the server. When using Visual Studio, everything looks great. What is Visual Studio doing that IIS is not doing? Or is the issue something else on the server? Every machine I access the site with has the same problem.
Hello nbizub,
Please feel free to contact me if you are still experiencing any issues with this scenario.
Thank you for posting in the community.
I have investigated your sample, however so far am unable to find any issues with the dialog window's scrollbar (using your setup directly in a website). However, the pages scrollbar itself behaves a bit oddly while the MaintainLocationOnScroll property is set to true. Setting that property to false seems to resolve that matter.
Please let me know if I am misunderstanding your issue in any way.