Search Context

[Jason Bourdette]

How could i get the search context menu to render on the right hand side of the search box, verses the left side as it does by default.?

 Thanks

[Ivan Danchev]

Hello,

You can move the SearchContext to the right of the search button with jQuery as shown below, however have in mind that such customization is not recommended and not supported and might lead to appearance issues as the control is not designed to render the SearchContext to the right hand side.

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
    </Scripts>
</telerik:RadScriptManager>
<script type="text/javascript">
    function OnClientLoad(sender) {
        $(".rsbSearchContext").insertAfter(".rsbButtonSearch");
    }
</script>
<div>
    <telerik:RadSearchBox ID="RadSearchBox1" runat="server" Width="500" DropDownSettings-Height="200px"
        DataSourceID="SqlDataSource1"
        DataTextField="ProductName" DataValueField="ProductID" DataContextKeyField="SupplierID" OnClientLoad="OnClientLoad">
        <SearchContext DataSourceID="SqlDataSource2" DataTextField="ContactName" DataKeyField="SupplierID">
        </SearchContext>
    </telerik:RadSearchBox>
</div>

Regards,
Ivan Danchev
Telerik