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

2 posts, 0 answers
  1. siva
    siva avatar
    4 posts
    Member since:
    Nov 2007

    Posted 20 Jun 2009 Link to this post

    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>
          
  2. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 24 Jun 2009 Link to this post

    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.
Back to Top