RadTextbox expand onfocus, shrink onblur

[Mike]

Hello!  I have a RadTextbox and would like it to expand and shrink, whether or not the textbox has focus. 

I've tried below, but am getting strange results. 

<telerik:RadTextBox runat="server" ID="txtNewNote" TextMode="MultiLine" Width="350px" Height="27px" EmptyMessage="Enter new note here..." Skin="Office2007">
    <ClientEvents OnFocus="noteboxFocus" OnBlur="noteboxBlur" />
</telerik:RadTextBox>

function noteboxFocus(sender, eventArgs) {
   var noteTextbox = sender.get_element();
   noteTextbox.style.height = '200px';
   noteTextbox.rows = 10;
}

function noteboxBlur(sender, eventArgs) {
   var noteTextbox = sender.get_element();
   noteTextbox.style.height = '27px';
   noteTextbox.rows = 1;
}

Any advice how I can achieve this functionality?  Thanks so much!

[Princy]

HI Mike,


Try the following code and see whether it helps.


Client code:

<script type="text/javascript">
    function noteboxFocus(sender, eventArgs) {
        var noteTextbox = sender.get_element();
        sender._textBoxElement.style.height = '200px';
    }
    function noteboxBlur(sender, eventArgs) {
        var noteTextbox = sender.get_element();
        sender._textBoxElement.style.height = '27px';
    }
</script>

Thanks,
Princy.