Inset command item. Align Button to far right.

[Bill]

Good Morning,

I am using the radGrid and I have a command item for an add new record button.

<telerik:RadGrid ID="grdSearchCriteria" runat="server" GridLines="None" AllowSorting="False"

AutoGenerateColumns="False" ShowStatusBar="False" ShowFooter="false" AllowFilteringByColumn="False" AllowPaging="false"

AllowAutomaticInserts="False" width="750px" EnableViewState="True" >

<MasterTableView CommandItemDisplay="Top" GridLines="None" DataKeyNames="" AllowMultiColumnSorting="False" EditMode="InPlace" ShowFooter="false" ShowHeader="False">

<CommandItemStyle HorizontalAlign="Right" />

<CommandItemSettings ShowRefreshButton="false" AddNewRecordText="Add New Criteria" ></CommandItemSettings>

<Columns>

<telerik:GridButtonColumn HeaderStyle-HorizontalAlign="Right" CommandName="Delete" Text="Remove" UniqueName="DeleteColumn"></telerik:GridButtonColumn>

<telerik:GridTemplateColumn HeaderText="Field Name" Visible="True" UniqueName="FieldNames" >

<ItemTemplate>

<asp:DropDownList ID="ddFieldNames" runat="server"></asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Operator" Visible="True" UniqueName="Operators" >

<ItemTemplate>

<asp:DropDownList ID="ddOperators" runat="server"></asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

I need to get the button for "Add New Criteria" to align to the Far right of the grid.  But I can not seem to get this to happen.

Hel;p?

[Princy]

Hi,

Please set the following CSS property,you can change according to your width size of radgrid.I have attached the screen shot of what i have got.

CSS:

.RadGrid_Default .rgCommandRow a
{
    float: right !important;
    margin-left: 1029px;
    position: absolute;

}

.RadGrid_Default .rgAdd
 {
    float: right!important;
    margin-left: 1113px;
    position: absolute;
}

Thanks
Princy

[Bill]

Thanks for the fast reply. 

That worked pretty well.  However the Insert button is now incorrectly aligned vertically.  Please see attached.  The button is too low. Any ideas?

Thank You.

[Princy]

Hi,

Please set the following CSS property.Make changes accordingly.

CSS:

.RadGrid_Default .rgCommandRow a {
    color: #000000;
    float: right !important;
    margin-left: 1145px;
    position: absolute;
    top: 13px;
    text-decoration: none;
}
.RadGrid_Default .rgAdd {
    position: absolute;
    float: right !important;
    top:13px;
    left:1140px;
}

Thanks,
Princy

[Bill]

Thank you.

That did it.