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
1035
Webgrid columns are cut off
posted

My ultrawebgrid works fine until there are enough columns to turn the scroll bars on.  Then the last column on the right (sometimes more than just the last one) cannot be seen. 

I have 9 columns that are defined in the markup code.  All the other columns are added programmatically.  The width of these added columns is done in the server code, also. Based on the size of my grid, the 13th programmatically added column is the last one seen.  Any columns after that cut off.  Resizing the columns in the client (to try and view the hidden columns) makes it worse.

I am using fixed column headers, the first 2 columns are fixed so they don't scroll, row filtering, client side column resizing, and I think that is all.  I will post my markup code for my grid in case that helps.

Thanks for your help.

  • 40
    posted in reply to Jonathan

    Here are the screen shots to show the effect. It is really frustrating.

     

    Any help is really appreciated.

    Thanks,

    Suresh

    PS: How can I paste the images on this discussion forum? I tried "Paste from Word" but it would not paste the images.

  • 14049
    Offline posted

    Hello,

    I'd suggest you to try out the latest hot fix and if the problem still exists contact the developer support. Thanks.

  • 1035
    posted

    <igtbl:UltraWebGrid ID="uwgProjectList" runat="server" DisplayLayout-AllowSortingDefault="OnClient"
                                        DisplayLayout-HeaderClickActionDefault="Select" DisplayLayout-UseFixedHeaders="True"
                                        Height="279px" OnClick="uwgProjectList_Click"
                                        Style="left: 0px; top: 448px" Width="900px"
                                        OnInitializeLayout="uwgProjectList_InitializeLayout" EnableCrawlerDetection="false" EnableTheming="false" >
                                        <Bands>
                                            <igtbl:UltraGridBand>
                                                <Columns>
                                                    <igtbl:UltraGridColumn DataType="System.Boolean" Hidden="True" Key="ShowInList" Width="50px">
                                                        <Header Caption="Select">
                                                        </Header>
                                                        <CellStyle HorizontalAlign="Center" Width="50px">
                                                        </CellStyle>
                                                    </igtbl:UltraGridColumn>
                                                    <igtbl:UltraGridColumn Key="ProjectName">
                                                        <Header Caption="Project Name" Fixed="True" Title="">
                                                            <RowLayoutColumnInfo OriginX="1" />
                                                        </Header>
                                                        <Footer>
                                                            <RowLayoutColumnInfo OriginX="1" />
                                                        </Footer>
                                                    </igtbl:UltraGridColumn>
                                                    <igtbl:UltraGridColumn Key="Environment">
                                                        <Header Caption="Environment">
                                                            <RowLayoutColumnInfo OriginX="2" />
                                                        </Header>
                                                        <Footer>
                                                            <RowLayoutColumnInfo OriginX="2" />
                                                        </Footer>
                                                    </igtbl:UltraGridColumn>
                                                    <igtbl:UltraGridColumn Key="Template">
                                                        <Header Caption="Template">
                                                            <RowLayoutColumnInfo OriginX="3" />
                                                        </Header>
                                                        <Footer>
                                                            <RowLayoutColumnInfo OriginX="3" />
                                                        </Footer>
                                                    </igtbl:UltraGridColumn>
                                                    <igtbl:UltraGridColumn Hidden="True" Key="ProjectID">
                                                        <Header Caption="Project ID">
                                                            <RowLayoutColumnInfo OriginX="4" />
                                                        </Header>
                                                        <Footer>
                                                            <RowLayoutColumnInfo OriginX="4" />
                                                        </Footer>
                                                    </igtbl:UltraGridColumn>
                                                    <igtbl:UltraGridColumn Hidden="True" Key="EnvID">
                                                        <Header Caption="Environment ID">
                                                            <RowLayoutColumnInfo OriginX="5" />
                                                        </Header>
                                                        <Footer>
                                                            <RowLayoutColumnInfo OriginX="5" />
                                                        </Footer>
                                                    </igtbl:UltraGridColumn>
                                                    <igtbl:UltraGridColumn DataType="System.Boolean" Hidden="True" Key="NPMEnabled" Type="CheckBox">
                                                        <Header Caption="NPM Enabled?">
                                                            <RowLayoutColumnInfo OriginX="6" />
                                                        </Header>
                                                        <Footer>
                                                            <RowLayoutColumnInfo OriginX="6" />
                                                        </Footer>
                                                        <CellStyle HorizontalAlign="Center" Width="75px">
                                                        </CellStyle>
                                                    </igtbl:UltraGridColumn>
                                                    <igtbl:UltraGridColumn Hidden="True" Key="DashboardProjectID">
                                                        <Header Caption="Dashboard Project ID">
                                                            <RowLayoutColumnInfo OriginX="7" />
                                                        </Header>
                                                        <Footer>
                                                            <RowLayoutColumnInfo OriginX="7" />
                                                        </Footer>
                                                    </igtbl:UltraGridColumn>
                                                    <igtbl:UltraGridColumn Key="OverallStatus">
                                                        <Header Caption="Summary">
                                                            <RowLayoutColumnInfo OriginX="8" />
                                                        </Header>
                                                        <Footer>
                                                            <RowLayoutColumnInfo OriginX="8" />
                                                        </Footer>
                                                    </igtbl:UltraGridColumn>
                                                </Columns>
                                                <RowEditTemplate>
                                                    <br>
                                                        <p align="center">
                                                            <input id="igtbl_reOkBtn" onclick="igtbl_gRowEditButtonClick(event);" style="width: 50px;"
                                                                type="button" value="OK"> &nbsp;
                                                                <input id="igtbl_reCancelBtn" onclick="igtbl_gRowEditButtonClick(event);" style="width: 50px;"
                                                                    type="button" value="Cancel"> </input>
                                                            </input>
                                                        </p>
                                                    </br>
                                                </RowEditTemplate>
                                                <RowTemplateStyle BackColor="White" BorderColor="White" BorderStyle="Ridge">
                                                    <BorderDetails WidthBottom="3px" WidthLeft="3px" WidthRight="3px" WidthTop="3px" />
                                                </RowTemplateStyle>
                                                <AddNewRow View="NotSet" Visible="NotSet">
                                                </AddNewRow>
                                            </igtbl:UltraGridBand>
                                        </Bands>
                                        <DisplayLayout AllowColSizingDefault="Free" AllowSortingDefault="OnClient" BorderCollapseDefault="Separate"
                                            CellClickActionDefault="Edit" ClientSideEvents-BeforeRowActivateHandler="uwgProjectList_BeforeRowActivateHandler"
                                            ClientSideEvents-ColumnHeaderClickHandler="uwgProjectList_ColumnHeaderClickHandler"
                                            ClientSideEvents-InitializeLayoutHandler="uwgProjectList_InitializeLayoutHandler"
                                            ClientSideEvents-CellClickHandler="uwgProjectList_CellClickHandler"
                                            HeaderClickActionDefault="Select" Name="ctl00xuwgProjectList" RowHeightDefault="21px"
                                            RowSelectorsDefault="No" SelectTypeRowDefault="Extended" StationaryMargins="Header"
                                            TableLayout="Fixed" UseFixedHeaders="true" Version="4.00" OptimizeCSSClassNamesOutput="True">
                                            <FrameStyle BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt"
                                                Height="279px" Width="900px">
                                            </FrameStyle>
                                            <Images>
                                                <FilterImage Url="./ig_common/images/ig_tblFilterWhite.gif" />
                                            </Images>
                                            <ClientSideEvents BeforeRowActivateHandler="uwgProjectList_BeforeRowActivateHandler"
                                                ColumnHeaderClickHandler="uwgProjectList_ColumnHeaderClickHandler"
                                                InitializeLayoutHandler="uwgProjectList_InitializeLayoutHandler"
                                                CellClickHandler="uwgProjectList_CellClickHandler"/>
                                            <Pager>
                                                <PagerStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
                                                    <BorderDetails ColorLeft="White" ColorTop="White" />
                                                </PagerStyle>
                                            </Pager>
                                            <EditCellStyleDefault BorderStyle="None" BorderWidth="0px">
                                            </EditCellStyleDefault>
                                            <FooterStyleDefault BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
                                                <BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />
                                            </FooterStyleDefault>
                                            <HeaderStyleDefault BackColor="#11459E" BorderStyle="Solid" CustomRules="background-image:url(./ig_common/images/Office2003BlueBG.png);background-repeat:repeat-x;"
                                                Font-Bold="True" Font-Names="Arial" Font-Size="X-Small" ForeColor="#E1E8F5">
                                                <BorderDetails ColorLeft="173, 197, 235" ColorTop="173, 197, 235" WidthLeft="1px"
                                                    WidthTop="1px" />
                                            </HeaderStyleDefault>
                                            <RowSelectorStyleDefault BackColor="#FF8000">
                                            </RowSelectorStyleDefault>
                                            <RowStyleDefault BackColor="Window" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px"
                                                Font-Names="Verdana" Font-Size="8pt">
                                                <Padding Left="3px" />
                                                <BorderDetails ColorLeft="Window" ColorTop="Window" />
                                            </RowStyleDefault>
                                            <SelectedRowStyleDefault BackColor="#F09D21" CustomRules="background-image:url(./ig_common/images/Office2003SelRow.png);background-repeat:repeat-x;"
                                                ForeColor="Black">
                                            </SelectedRowStyleDefault>
                                            <AddNewBox>
                                                <BoxStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">
                                                    <BorderDetails ColorLeft="White" ColorTop="White" />
                                                </BoxStyle>
                                            </AddNewBox>
                                            <ActivationObject BorderColor="" BorderWidth="">
                                            </ActivationObject>
                                            <FilterOptionsDefault AllowRowFiltering="OnClient">
                                                <FilterDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"
                                                    CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif"
                                                    Font-Size="11px" Width="200px">
                                                    <Padding Left="2px" />
                                                </FilterDropDownStyle>
                                                <FilterHighlightRowStyle BackColor="#151C55" ForeColor="White">
                                                </FilterHighlightRowStyle>
                                                <FilterOperandDropDownStyle BackColor="White" BorderColor="Silver" BorderStyle="Solid"
                                                    BorderWidth="1px" CustomRules="overflow:auto;" Font-Names="Verdana,Arial,Helvetica,sans-serif"
                                                    Font-Size="11px">
                                                    <Padding Left="2px" />
                                                </FilterOperandDropDownStyle>
                                            </FilterOptionsDefault>
                                        </DisplayLayout>
                                    </igtbl:UltraWebGrid>