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>
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>