How Did This Get Added? style="overflow:hidden;position:relative;"

State See Verified Answer
Replies 3 replies
Subscribers 4 subscribers
Views 908324 views
Users 0 members are here

295

Patrick posted over 16 years ago

I have a grid with the below settings, that I'm trying to place inside a scrollable panel. I am able to get the scrolling to come up on the div, but the div does not scroll for the entire width of the grid. It's as if the scrollable div does not recognize the length of the grid and adjust accordingly.. In looking in the source html, I notice the table that is the grid object has the style="overflow:hidden;position:relative;" attributes set. I believe the overflow:hidden is causing my issue to occur. My problem is, I can't find what is adding that to the table. Any suggestions are greatly appreciated! Thanks for your time.

<tr>

<igtbl:UltraWebGrid ID="uwgHoldings" runat="server" Width="100%">

<DisplayLayout ViewType="OutlookGroupBy"

ScrollBar="Never" ExpandableDefault="NotSet" FrameStyle-CustomRules="table-layout:fixed;"

BorderCollapseDefault="Separate" SelectTypeColDefault="Extended"

IndentationDefault="0" CellPaddingDefault="0" AutoGenerateColumns="false" GroupByRowDescriptionMaskDefault="[value]"

Version="3.00" ColFootersVisibleDefault="Yes" NoDataMessage="No data to be displayed."

StationaryMargins="HeaderAndFooter" HeaderClickActionDefault="SortSingle" RowSelectorsDefault="No" RowStyleDefault-BackColor="#f0f0e8">

28464

[Infragistics] Rumen Stankov posted over 16 years ago in reply to Patrick

Cool. Glad I was able to help.
If you wish to avoid hardcoding the ID, you can use the following javascript syntax:

...
var element = document.getElementById("<%= ServerID.ClientID %>");
element.style.overflow = "visible";

...
Cancel
Reply

Verify Answer

Cancel
295

Verified Answer
Patrick posted over 16 years ago in reply to [Infragistics] Rumen Stankov

Thanks!!

It was actually another style attribute that caused the behavior, but along the same lines. I put in some javascript that overwrote the style to "visible". I don't like hard coding the id in there, but it'll work for now. Now I just need the scrollbar to work in Firefox...

function uwgHoldings_InitializeLayoutHandler(gridName)
{

ctl00xContentPlaceHolder1xHoldings1xuwgHoldings_div.style.overflow="visible";
}

Patrick
Cancel
Reply

Reject Answer

Cancel
28464

[Infragistics] Rumen Stankov posted over 16 years ago

Helo,
UltraWebGrid is a complex control and rendering depends on many properties. While I am not sure why exactly overflow:hidden is used and which property triggers it (or it is always on), I guess the grid expects to take care of scrolling itself (you can use the built-in Grid scrolling by using the FrameStyle collection). Is using the built-in scrolling acceptable in your scenario?
I can also suggest a "hack" - but I am not sure if this will not affect some other functionaliity of the grid. You can run a custom function in body.onload of the page, get the element of the grid using document.getElementById and remove the hidden overflow of the element.
<body onload="fixOverflow()">
Meanwhile, I will continue searching if there is an option we can use to remove the hidden overflow and will let you know if I find something.
HTH
Cancel
Reply

Verify Answer

Cancel