Change the css of the Grid link buttons for wedit & cancel in inline mode

[siva]

Hi,

 I am usinng EditMode ="InPlace" of RadGrid  for insert and edit operations in radgrid..With insert extra button is shown..
The sample code is as below.  how to remove that additional button i want only link button . how to aoid that extra button and to  apply css for the edit and insert cancel link buttons?
Thanks in advance,
Laila


 <telerik:RadGrid ID="Radgrid1" runat="server" GridLines="None" AllowPaging="True"
                AllowSorting="false" AutoGenerateColumns="False" PageSize="10" Width="97%" OnNeedDataSource="Radgrid1_NeedDataSource"
                OnInsertCommand="Radgrid1_InsertCommand" OnUpdateCommand="Radgrid1_UpdateCommand"
                OnItemDataBound="Radgrid1_ItemDataBound" Skin="WFM" EnableEmbeddedSkins="False">
                <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
                <MasterTableView DataKeyNames="Pharma_Rep_Id" GridLines="None" Width="100%" CommandItemDisplay="Top"
                    ShowHeader="true" EditMode="InPlace" CommandItemSettings-AddNewRecordText="Insert"
                    EditItemStyle-ForeColor="Black">
                    <Columns>
                        <telerik:GridEditCommandColumn>
                        </telerik:GridEditCommandColumn>
                        <telerik:GridTemplateColumn HeaderText="Title" SortExpression="Title" UniqueName="Title"
                            ItemStyle-HorizontalAlign="left">
                            <ItemTemplate>
                                <asp:Label ID="lblTitle" runat="server" Text='<%# Eval("TITLE") %>' ForeColor="Black"></asp:Label>
                            </ItemTemplate>
                            <ItemStyle HorizontalAlign="left" VerticalAlign="Middle" ForeColor="black" />
                            <EditItemTemplate>
                                <asp:DropDownList ID="ddlTitle" runat="Server" AutoPostBack="true" Font-Bold="false"
                                    ForeColor="black" ToolTip="" Width="200px">
                                    <asp:ListItem Text="Pharma Rep Title_1" Value="2655"></asp:ListItem>
                                    <asp:ListItem Text="Pharma Rep Title_2" Value="2656"></asp:ListItem>
                                    <asp:ListItem Text="Pharma Rep Title_3" Value="2657"></asp:ListItem>
                                    <asp:ListItem Text="Pharma Rep Title_4" Value="2658"></asp:ListItem>
                                    <asp:ListItem Text="Pharma Rep Title_5" Value="2659"></asp:ListItem>
                                </asp:DropDownList>
                            </EditItemTemplate>
                            <ItemStyle HorizontalAlign="left" VerticalAlign="Middle" />
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="Reason" HeaderText="Reason" UniqueName="Reason"
                            MaxLength="50" SortExpression="Reason">
                            <ItemStyle HorizontalAlign="left" VerticalAlign="Middle" ForeColor="black" />
                        </telerik:GridBoundColumn>
                    </Columns>
                    <EditFormSettings ColumnNumber="2" CaptionFormatString="Edit details for Reason {0}"
                        CaptionDataField="Reason">
                        <FormTableItemStyle Wrap="False"></FormTableItemStyle>
                        <FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>
                        <FormMainTableStyle CellSpacing="0" CellPadding="3" Width="100%" />
                        <FormTableStyle GridLines="Horizontal" CellSpacing="0" CellPadding="2" CssClass="module"
                            Height="110px" Width="100%" />
                        <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
                        <FormStyle Width="100%" BackColor="#eef2ea"></FormStyle>
                        <EditColumn UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">
                            <ItemStyle BackColor="black" />
                        </EditColumn>
                        <FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>
                    </EditFormSettings>
                </MasterTableView>
                <HeaderContextMenu EnableEmbeddedSkins="False" Skin="WFM">
                    <CollapseAnimation Duration="200" Type="OutQuint" />
                </HeaderContextMenu>
            </telerik:RadGrid>
      

[Pavlina]

Hi Siva,

I followed your scenario in order to replicate the problem but to no avail. There is no additional button when click insert.
Additionally, to change the css of the link buttons, please refer to the following help article, which elaborates on this subject:
CSS sprites

Kind regards,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.