Set width in javascript.

[Ben]

There is a radtextbox and a radsearchbox in my aspx page. The Javascript in this page has a getOrder() in which I want to access the width of the textbox and set it to searchbox using style.width. The width of searchbox increases to the stipulated width but the lens symbol position remains unchanged. If I set width in markup it works, but not in JavaScript.

[Shinu]

Hi Ben,

Please have a look into the following code I tried for your scenario which works fine at my end. If you set the width using _element.style.width approach, then you should call the repaint() to render the style properly.

ASPX:

<telerik:RadTextBox ID="RadTextBox1" runat="server" Width="400px">
</telerik:RadTextBox>
<br />
<telerik:RadSearchBox ID="RadSearchBox1" runat="server">
</telerik:RadSearchBox>
<br />
<telerik:RadButton ID="RadButton1" runat="server" Text="Set Width to RadSearchBox" AutoPostBack="false"
    OnClientClicked="setSearchBoxWidth">
</telerik:RadButton>

JavaScript:

<script type="text/javascript">
    function setSearchBoxWidth(sender, args) {
        var radtextboxwidth = $find("<%= RadTextBox1.ClientID%>")._element.offsetWidth;
        var radsearchbox = $find("<%= RadSearchBox1.ClientID%>");
        radsearchbox._element.style.width = radtextboxwidth + "px";
        radsearchbox.repaint();
    }
</script>

Thanks,
Shinu.