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

Update & Cancel button alignment

1 Answer 291 Views

Grid

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

io asked on 30 Jan 2020, 03:19 PM

Hello!

I have a radgrid table configured in my ASP application. When it is in Edit mode (EditForms), it displays two dropdown columns and the Update & Cancel options at the left of the table, is there anyway to move the buttons to the right side?

Im able to move the dropdown columns to the right with the code:

but Im unable to move the buttons.

Here is the code of my grid

<telerik:RadGrid ID="rgDetalles" runat="server" GroupingSettings-CaseSensitive="false" AllowPaging="True" RenderMode="Lightweight"
AllowSorting="true" AllowFilteringByColumn="True" PageSize="10" OnNeedDataSource="rgDetalles_NeedDataSource" OnItemCommand="ItemCommands" OnItemDataBound="rgDetalles_ItemDataBound"
CssClass="RadGrid_Silk" EnableHeaderContextMenu="true" GridLines="Horizontal" Width="100%" AllowAutomaticDeletes="True" AllowAutomaticInserts="False" AllowAutomaticUpdates="False" MasterTableView-EditFormSettings-FormTableButtonRowStyle-HorizontalAlign="Right">
<HeaderContextMenu Enabled="false"></HeaderContextMenu>
<MasterTableView AutoGenerateColumns="false" DataKeyNames="Folio" ItemStyle-HorizontalAlign="Center" AlternatingItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" NoMasterRecordsText="<%$ Resources:Language, lbl_tablaVacia %>" CommandItemDisplay="Top">
<EditFormSettings FormTableStyle-HorizontalAlign="Right" FormTableButtonRowStyle-HorizontalAlign="Right" ></EditFormSettings>
<CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" AddNewRecordText="" RefreshText="<%$ Resources:Language, lbl_actualizar %>"/>
<Columns>
...
</Columns>
</MasterTableView>
</telerik:RadGrid>

1 Answer, 1 is accepted

Accepted

answered on 04 Feb 2020, 02:04 PM

Hi Guillermo,

Edit Form command buttons does not have its own wrapper and are relatives to the EditForm table, so even if you float:right the buttons they will also appear on the left side of the table, as they are declared after it (in can the alignment of both elements is set to "Right"). In order to style the EditForm of the Grid in the desired way at the moment is to use either a custom FormTemplate, or a custom Edit form User control, specifying the exact editing structure in it. You can see live demos demonstrating both of the suggested settings here:

Regards,
Vessy
Progress Telerik

Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.