i have a problem with a radgrid that is losing the height when it is in a modal popup.
i have already add the css .rgDataDiv height: auto, but it get's passed by a inline style that has a height of 10px, and i can't find any thing that is putting that size to the grid.
in attach i will send the pictures of the error and style that it in the problem.
7 Answers, 1 is accepted
Possible reason for this behavior is if your grid is ajaxified. Here is an example, which demonstrates how to obtain the client ID of an update panel and set a 100% height style with CSS:
The easiest way to achieve your goal is to use the UpdatePanelHeight property of the AjaxUpdatedControl tag in RadAjaxManager.
If the issue persists, you can open a formal support ticket, and send us a small working project, demonstrating your setup, and showing the unwanted behavior. We will debug it locally, and advise you further.
the Telerik team
the problem isn't fixing the size on a normal page, but is the size on a modal popup extender.
when it's in a modal is gets a 10px height in the rgDataDiv that i cant bypass it, as you can see in the pictures that i've posted before.
it works fine in a normal window, but in popup it gets a 10px height.
thanks in advance.
In order to progress in the resolution of this problem I will ask you to open up a formal support ticket and send your files for debugging.
the Telerik team
I've fond the solution for the problem. instead of setting a height to the grid i have set a scroll height and it works perfectly.
thanks for the time spent.
by the way here is a sugestion, permit that the person that started the post to mark his final response has anser, for cases like this.
For the most part, it is due to ajax-ified radgrids and their parent container as indicated in this post.
However, my situation was very specific.
I needed to specify the RadSplitter conatining the RadGrid as the Ajax Updated ControlID in my AjaxSettings. If I specify the RadGrid as the Ajax Updated ControlID then it works fine in old IE versions but will not function in modern browsers due to injecting the 10px height setting inline as shown in the example above.
So do this...
I have this same issue where I have a popup which contains a table. one side is 20% wide, other is 80%. I have a grid in the 20% wide side (left side) and in IE and Chrome, it is fine, but in firefox, the .rgDataDiv class is injecting a height of 10px. No ajax. Any ideas?
I hacked my way around this for now, again this is a FireFox issue only.
Even though my table has a height set, I had to set my TD to have the same height as well.
So the html was: