This is a migrated thread and some comments may be shown as answers.

RadGrid EditItemtemplate css not working

1 Answer 115 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Laxmi
Top achievements
Rank 1
Laxmi asked on 13 Feb 2013, 06:15 AM

please check the below screen shot , i applied Edititemtemplate css but this is not working it is taking fixed width as 160px   how to set this grid as fixed width

<telerik:RadGrid ID="grdComprehensiveParts" AutoGenerateColumns="false" AllowSorting="True"
               PageSize="7" AllowPaging="True" runat="server" AllowAutomaticUpdates="false"
               OnItemCommand="grdComprehensiveParts_ItemCommand" AllowAutomaticInserts="false"
               OnInsertCommand="grdComprehensiveParts_InsertCommand" OnUpdateCommand="grdComprehensiveParts_UpdateCommand">
               <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
               <MasterTableView CssClass="TableviewStle" HeaderStyle-CssClass="GridHeaderStyle"
                   CommandItemDisplay="Top" AutoGenerateColumns="false" DataKeyNames="ComprehensivePartNo"
                   EditMode="InPlace" ItemStyle-CssClass="GridItemStyle" EditItemStyle-CssClass="GridItemStyle">
                   <CommandItemSettings AddNewRecordText="NewRecord" ShowRefreshButton="false" />
                   <Columns>
                       <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                           <ItemStyle CssClass="MyImageButton"></ItemStyle>
                       </telerik:GridEditCommandColumn>
                       <telerik:GridTemplateColumn HeaderText="InvoiceDate">
                           <EditItemTemplate>
                               <telerik:RadDatePicker runat="server" ID="dpInvoiceDate" DbSelectedDate='<%#Eval("InvoiceDate")%>'>
                               </telerik:RadDatePicker>
                           </EditItemTemplate>
                           <ItemTemplate>
                               <asp:Label runat="server" ID="lblInvoiceDate" Text='<%#Eval("InvoiceDate")%>'></asp:Label>
                           </ItemTemplate>
                       </telerik:GridTemplateColumn>
                       <telerik:GridTemplateColumn HeaderText="InvoiceNumber">
                           <EditItemTemplate>
                               <telerik:RadTextBox CssClass="GridEditTextbox" runat="server" ID="txtInvoiceNumber"
                                   Text='<%#Eval("InvoiceNumber") %>'>
                               </telerik:RadTextBox>
                           </EditItemTemplate>
                           <ItemTemplate>
                               <asp:Label runat="server" ID="lblLength" CssClass="GridLabelStyle" Text='<%#Eval("InvoiceNumber")%>'></asp:Label>
                           </ItemTemplate>
                       </telerik:GridTemplateColumn>
                       <telerik:GridTemplateColumn HeaderText="PartNumber">
                           <EditItemTemplate>
                               <telerik:RadTextBox CssClass="GridEditTextbox" runat="server" ID="txtPartNumber"
                                   Text='<%#Eval("PartNumber") %>'>
                               </telerik:RadTextBox>
                           </EditItemTemplate>
                           <ItemTemplate>
                               <asp:Label runat="server" ID="lblPartNumber" CssClass="GridEditTextbox" Text='<%#Eval("PartNumber")%>'></asp:Label>
                           </ItemTemplate>
                       </telerik:GridTemplateColumn>
                       <telerik:GridTemplateColumn HeaderText="PartDescription">
                           <EditItemTemplate>
                               <telerik:RadTextBox runat="server" ID="txtPartDescription" CssClass="GridEditTextbox"
                                   Text='<%#Eval("PartDescription") %>'>
                               </telerik:RadTextBox>
                           </EditItemTemplate>
                           <ItemTemplate>
                               <asp:Label runat="server" ID="lblPartDescription" Text='<%#Eval("PartDescription")%>'></asp:Label>
                           </ItemTemplate>
                       </telerik:GridTemplateColumn>
                       <telerik:GridTemplateColumn HeaderText="ReturnQuantity">
                           <EditItemTemplate>
                               <telerik:RadNumericTextBox runat="server" ID="txtReturnQuantity" CssClass="GridEditTextbox"
                                   Text='<%#Eval("ReturnQuantity") %>'>
                               </telerik:RadNumericTextBox>
                           </EditItemTemplate>
                           <ItemTemplate>
                               <asp:Label runat="server" ID="lblReturnQuantity" CssClass="GridEditTextbox" Text='<%#Eval("ReturnQuantity")%>'></asp:Label>
                           </ItemTemplate>
                       </telerik:GridTemplateColumn>
                       <telerik:GridTemplateColumn HeaderText="ReturnDesc">
                           <EditItemTemplate>
                               <telerik:RadTextBox runat="server" ID="txtReturnDesc" Text='<%#Eval("ReturnDesc") %>'>
                               </telerik:RadTextBox>
                           </EditItemTemplate>
                           <ItemTemplate>
                               <asp:Label runat="server" ID="lblReturnDesc" CssClass="GridEditTextbox" Text='<%#Eval("ReturnDesc")%>'></asp:Label>
                           </ItemTemplate>
                       </telerik:GridTemplateColumn>
                       <telerik:GridButtonColumn ConfirmText="Delete this product?" ConfirmDialogType="RadWindow"
                           ConfirmTitle="Delete" ImageUrl="../Vital Software Pty Ltd_files/Delete.gif" ButtonType="ImageButton"
                           CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
                           <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton"></ItemStyle>
                       </telerik:GridButtonColumn>
                   </Columns>
               </MasterTableView>
               <ClientSettings>
                   <ClientEvents OnRowDblClick="RowDblClick1"></ClientEvents>
               </ClientSettings>
           </telerik:RadGrid>

1 Answer, 1 is accepted

Sort by
0
MasterChiefMasterChef
Top achievements
Rank 2
answered on 13 Feb 2013, 03:52 PM
Hi Laxmi,

I'm not sure if this is going to solve all of your issues, but under the master table view you're first CssClass definition is for a file named "TableviewStle", which may be a typo from something like "TableViewStyle". The issue is present right here:
<MasterTableView                    CssClass="TableviewStle" HeaderStyle-CssClass="GridHeaderStyle"
                   CommandItemDisplay="Top" AutoGenerateColumns="false"
                   DataKeyNames="ComprehensivePartNo"
                   EditMode="InPlace" ItemStyle-CssClass="GridItemStyle"
                   EditItemStyle-CssClass="GridItemStyle">
                   <CommandItemSettings AddNewRecordText="NewRecord"
                   ShowRefreshButton="false" />
                     <Columns>
 
 
                     </Columns>
</MasterTableView>


Hopefully fixing this typo may apply the styles you were looking for.

Good luck,
Master Chief
Tags
Grid
Asked by
Laxmi
Top achievements
Rank 1
Answers by
MasterChiefMasterChef
Top achievements
Rank 2
Share this question
or