Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Patrick
295
How Did This Get Added? style="overflow:hidden;position:relative;"
posted
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.

<div runat="server" id="divHoldScroll" style="overflow:scroll;width:100%;position:relative;">

<table cellpadding="0" border="0" cellspacing="0" width="100%">

<tr>

<td style="width:100%" class="InnerContent" valign="top" align="left">

<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">

 

Parents
No Data
Reply
  • 28464
    posted

    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 

Children