Hello..
I am using ulrtrawebgrid with standard configuration. I am using OutlookGroupBy with multiple groupings, so often the grid is pushed to the right, and the right side of the grid is hidden under the frame.
this is happening because frame has "overflow:hidden" HARDCODED for some reason?!
i've been trying to change this style property to "overflow:visible" .. i've wasted an hour going through all properties of grid.DisplayLayout.FrameStyle but i am not seeing a way to change it.
I know that i can hard code frame width, but i do not want to do that because displayed columns are configurable by user so there is no way to predict grid with.
i could do some nasty hack like adding up all visible column widths and setting the Frame width to that.. but why should i need to do that?
why does the grid come in a frame with overflow:hidden ? is there any way i could make it a normal grid so that it stretches around the inner grid?
that was quick :)
ok so here is my "solution"
http://www.copypastecode.com/codes/view/5027
need to override some more properties, because when i set overflow to auto, it just adds scrollbars, if i set it to visible, it puts the content outside (on top of ) of the frame border
No problem, I can actually reproduce your problem as well just by throwing a dataset at it and treating it like a treeview, I see what you are talking about on mine after about 6 groups I start to see the overflow problem. hmmmmmm I am going to play a little more with it and see if there is something I can do about it without a css hack.
Chrome, FF and Safari all work like they should but IE7 is doing it big time.
with all that said..
i'd still really like for someone from Infragistics team to step in, and tell me how to do this w/out a hack.
Just address the very simple question:
How can i stop infragistics grid, in OutlookGroupBy mode, from setting overflow: hidden on inner div that contains embedded tables?
first of all, you totally rock for wanting to look at my layout :) It would be tricky to create a standalone case because its pretty heavily integrated into my framework, and my css is whats responsible for this i have a feeling.
i actually took your advice and dug deeper using developer toolbar and discovered that.. Framestyle element points to the table (which also have overflow:hidden style) but in fact, the element responsible for hidding inner table is a div burried in one of the cells of Frame table.
not sure how to gain access to that element from .Net...
my suspicion here is that some css properties i set globally to infragistics grid are adding padding to the cells stretching the table vertically inside the container div. that container div is set to width 100%. no elements actually have width set on them it looks like.. so i think the browser (this is IE only problem) trips over it self trying to size all the elements while applying all the css...
if i remember correctly infragistics lets you have a reference to that div by setting its ID to infragistics grid UniqueID + "_div".
so there.. i could probably use that to perform the css hack on that div. thanks for throwing some ideas my way that helped me get to this conclusion :)
I agree with you but sometimes I am in such a hurry that i have a hack.css file just for these kinds of things lol...
Send me the basic layout of your grid (columns, settings) etc. and I will have a look at it, I am sure it is something simple that you are overlooking being frustrated and all sometimes a fresh pair of eyes helps.