RadGrid Not Recognizing Width

[Tracy]

Hi,

I have a rad grid with the width set to 1800px but when it renders it doesn't recognize the width.  It makes the grid the size of all the columns.
Does anyone know why this would happen.   I have a lot of other grids and this doesn't happen.

Thanks for you help.
Tracy

<div ID="divGrid" runat="server"  style="width:1900; background-color:Red;">

            <telerik:RadGrid ID="rgvMainGrid"       runat="server"                  DataSourceID="SQLDS_Receivables"
                 EnableEmbeddedSkins="true"         Skin="Office2010Silver"         EnableAjaxSkinRendering="true"        Height="600px"  Width="1800px"
                 EnableViewState="true"             AutoGenerateColumns="false"     AllowMultiRowSelection="false"
                 AllowFilteringByColumn="false"     EnableHeaderContextMenu="false" EnableHeaderContextFilterMenu="false"  ShowGroupPanel="false"
                 AllowAutomaticDeletes="false"      AllowAutomaticInserts="false"   AllowAutomaticUpdates="false"
                 AllowSorting="true"                EnableLinqExpressions="false"   AllowPaging="false"  PageSize="100"     >
                <ItemStyle              Wrap="true"  />
                <AlternatingItemStyle   Wrap="true" />
                <ActiveItemStyle        BackColor="CornflowerBlue"/>
                <HeaderStyle            HorizontalAlign="Center"/>
                <EditItemStyle      BackColor="CornflowerBlue"/>
                <ClientSettings     AllowColumnsReorder="true"      ReorderColumnsOnClient="true"     ColumnsReorderMethod="Reorder"   AllowDragToGroup="false"  EnablePostBackOnRowClick="false"    EnableRowHoverStyle="false"   >

                    <Resizing       AllowColumnResize="false"        EnableRealTimeResize="true"         ResizeGridOnColumnResize="false"  AllowRowResize="false" />
                    <Selecting      AllowRowSelect="true"/>
                    <Scrolling      AllowScroll="true"              UseStaticHeaders="true" />
                </ClientSettings>
                <GroupHeaderItemStyle Font-Size="11px"              Font-Names="calibri"                Font-Bold="true"  Height="12px"/>
                <MasterTableView    Name="Invoices"                 DataSourceID="SQLDS_Receivables"    DataKeyNames="RecordId"         ClientDataKeyNames="RecordId"
                                    EnableViewState="true"          EditMode="EditForms"                CommandItemDisplay="None"       TableLayout="Fixed" Width="1800px"
                                    EnableNoRecordsTemplate="true"  ShowHeadersWhenNoRecords="true" >
                    <NoRecordsTemplate> <div>There are no records to display. </div></NoRecordsTemplate>

                    <Columns>
                        <telerik:GridBoundColumn  UniqueName="Job"                      DataField="Job"                     HeaderText="Job"                    HeaderStyle-Width="87px"    ReadOnly="true"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="JobDescription"           DataField="JobDescription"          HeaderText="Job Name"               HeaderStyle-Width="200px"   ReadOnly="true"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="Extra"                    DataField="Extra"                   HeaderText="Extra"                  HeaderStyle-Width="87px"    ReadOnly="true"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="CustomerName"             DataField="CustomerName"            HeaderText="Customer Name"          HeaderStyle-Width="200px"   ReadOnly="true"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="ContractNumber"           DataField="ContractNumber"          HeaderText="Contract"               HeaderStyle-Width="100px"   ReadOnly="true"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="DocumentId"               DataField="DocumentId"              HeaderText="Document Id"            HeaderStyle-Width="100px"   ReadOnly="true"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="Draw"                     DataField="Draw"                    HeaderText="Draw"                   HeaderStyle-Width="125px"   ReadOnly="true"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="InvoiceDate"              DataField="InvoiceDate"             HeaderText="Inv Date"               HeaderStyle-Width="80px"    ReadOnly="true"  DataType="System.DateTime"   DataFormatString="{0:MM/dd/yy}"      ItemStyle-HorizontalAlign="Center" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="DaysOld"                  DataField="DaysOld"                 HeaderText="Days Old"               HeaderStyle-Width="40px"    ReadOnly="true"  DataType="System.Int16"      DataFormatString="{0:#,###,###}"     ItemStyle-HorizontalAlign="Right"  FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="AccountingDate"           DataField="AccountingDate"          HeaderText="Acct Date"              HeaderStyle-Width="80px"    ReadOnly="true"  DataType="System.DateTime"   DataFormatString="{0:MM/dd/yy}"      ItemStyle-HorizontalAlign="Center" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="BilledLessRetainage"      DataField="BilledLessRetainage"     HeaderText="Billed Less Ret"        HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="UnbilledRetainage"        DataField="UnbilledRetainage"       HeaderText="Unbilled Retainage"     HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridTemplateColumn UniqueName="gtcUpdateAll"                                               HeaderText="Update All Transactions"  AllowFiltering="false" >
                            <ItemTemplate></ItemTemplate>
                            <EditItemTemplate><asp:CheckBox ID = "chkUpdateAll"         runat="server"  Checked="true" /></EditItemTemplate>
                        </telerik:GridTemplateColumn>

                        <telerik:GridTemplateColumn UniqueName="gtcExpectedPaymentDate" DataField="ExpectedPaymentDate"     HeaderText="Exp Pay Date"           HeaderStyle-Width="80px"    ItemStyle-HorizontalAlign="Center" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" >
                            <ItemTemplate><asp:Label ID="lblExpectedPaymentDate"        runat="server"  Text='<%# Eval("ExpectedPaymentDate", "{0:MM-dd-yy}" ) %>'   /></ItemTemplate>
                            <EditItemTemplate><telerik:RadDatePicker ID = "rdpExpectedPaymentDate"         runat="server" Width="85px" DbSelectedDate='<%# Bind("ExpectedPaymentDate") %>'   SkinID="skn_RadDatePicker" /></EditItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn    UniqueName="DaysToPay"              DataField="DaysToPay"               HeaderText="Days To Pay"            HeaderStyle-Width="55px"   ReadOnly="true"  DataType="System.Int16"      DataFormatString="{0:#,###,###}"     ItemStyle-HorizontalAlign="Right"  FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridDropDownColumn UniqueName="ActionCode"             DataField="ActionCode"              HeaderText="Action"                 HeaderStyle-Width="100px"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>"       ListTextField="LevelCode"  ListValueField="IdentifierCode"  DataSourceID="SQLDS_ActionCode"       DropDownControlType="RadComboBox" DefaultInsertValue="NA" />
                        <telerik:GridDropDownColumn UniqueName="StatusCode"             DataField="StatusCode"              HeaderText="Status"                 HeaderStyle-Width="120px"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>"       ListTextField="LevelCode"  ListValueField ="IdentifierCode" DataSourceID="SQLDS_StatusCode"       DropDownControlType="RadComboBox" DefaultInsertValue="NA"/>
                        <telerik:GridDropDownColumn UniqueName="ResponsibleParty"       DataField="ResponsibleParty"        HeaderText="Responsible Party"      HeaderStyle-Width="150px"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>"       ListTextField="LevelCode"  ListValueField ="IdentifierCode" DataSourceID="SQLDS_ResponsibleParty" DropDownControlType="RadComboBox" DefaultInsertValue="NA"/>
                        <telerik:GridTemplateColumn UniqueName="Comments"               DataField="Comments"                HeaderText="Comments"               HeaderStyle-Width="120px"   FilterImageUrl="<%$ Resources:Images,FilterGray16%>" >
                            <ItemTemplate>
                                <asp:Label ID="lblComments"                   runat="server"  Text='<%# Bind("Comments") %>'  />
                                <asp:ImageButton ID="ibtHistory"              runat="server"  ImageUrl='<%# Eval("HistoryImage") %>' ToolTip="Click To Show Status History" />
                            </ItemTemplate>
                            <EditItemTemplate><telerik:RadTextBox  ID="txtComments"     runat="server"  Text='<%# Bind("Comments") %>'  TextMode="MultiLine"  InputType="Text"  Width="500px" Rows="5" Height="50px" Resize="Both" ButtonsPosition="Right"/></EditItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn  UniqueName="CurrentlyDue"             DataField="CurrentlyDue"            HeaderText="Currently Due"          HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="Days31"                   DataField="Days31"                  HeaderText="Age 31-60 Days"         HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="Days61"                   DataField="Days61"                  HeaderText="Age 61-90 Days"         HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="Days91"                   DataField="Days91"                  HeaderText="Age > 90 Days"          HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="PastDue"                  DataField="PastDue"                 HeaderText="Payment Past Due"       HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="Pay30"                    DataField="Pay30"                   HeaderText="Due 0-30 Days"          HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="Pay60"                    DataField="Pay60"                   HeaderText="Due 31-60 Days"         HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="Pay90"                    DataField="Pay90"                   HeaderText="Due 61-90 Days"         HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="Pay91"                    DataField="Pay91"                   HeaderText="Due >90 Days"           HeaderStyle-Width="100px"   ReadOnly="true"  DataType="System.Decimal"    DataFormatString="{0:#,###,###.#0}"  ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                        <telerik:GridBoundColumn  UniqueName="RecordId"                 DataField="RecordId"                HeaderText="Record Id"              HeaderStyle-Width="50px"    ReadOnly="true"  DataType="System.Int32"      DataFormatString="{0:###}"           ItemStyle-HorizontalAlign="Right" FilterImageUrl="<%$ Resources:Images,FilterGray16%>" />
                    </Columns>

                </MasterTableView>
            </telerik:RadGrid>
</div>

[Jayesh Goyani]

Hello,

1. Please write "1900px" in div and then check it

<div ID="divGrid" runat="server"  style="width:1900px; background-color:Red;">

2. Please make sure you have not created any global skin for radgrid. (may be you have created skin for this grid, in this skin you have assigned different width)

Let me know if any concern.

Thanks,
Jayesh Goyani

[Tracy]

Hi Jayesh,

Thank you for your response.  That didn't fix my problem, but I created a new page and put the grid in it and it worked fine.  It must have been something weird in visual studio.

Thanks
Tracy

[Jayesh Goyani]

Hello,

(May be) Sorry but this issue is raised in your existing page because of some other Style is affected to your Radgrid/Div.

Can you please check it using Firefbug/Developer tool?

Let me know if any concern.

Thanks,
Jayesh Goyani