Update & Cancel button alignment

[io]

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>

[Vessy]

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:

• Grid - Form Template Edit Form
• Grid - Edit Form Types

Regards,
Vessy
Progress Telerik