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

Update & Cancel button alignment

1 Answer 167 Views
Grid
This is a migrated thread and some comments may be shown as answers.
io
Top achievements
Rank 1
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:

<EditFormSettings  FormTableStyle-HorizontalAlign="Right" FormTableButtonRowStyle-HorizontalAlign="Right" ></EditFormSettings>

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

Sort by
0
Accepted
Vessy
Telerik team
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.
Tags
Grid
Asked by
io
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or