TextBox Height Issue

9 posts, 0 answers
  1. Mike
    Mike avatar
    338 posts
    Member since:
    Jun 2008

    Posted 26 Jun 2013 Link to this post

    I have dfdfdf
    I have a user that demands we cannot continue with the project because the textbox height increases after selecting and account.  I have attached an image to show that they are seeing.  Can someone let me know how I can prevent the textbox height from changing?
      
    Thank you!
      
    Here is my code
    <telerik:RadAutoCompleteBox ID="RadAutoCompleteBoxESI" 
    EmptyMessage="Please type ESI Number here"  
    InputType="Text"  
    DropDownWidth="200" 
    Width="200"  
    runat="server" >
     <TextSettings SelectionMode="Single" />
    </telerik:RadAutoCompleteBox>
  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 28 Jun 2013 Link to this post

    Hello Michael,

    The experienced behavior is due to the fact that the currently added entry's width exceeds the width of the RadAutoCompleteBox. We had implemented the expandable functionality, in order to allow the user to see the input of the control and to be able to easily add another entry. However, you could achieve a single-line AutoCompleteBox. twisting the input's height using JQuery. I had prepared a sample page for you, demonstrating how to achieve the desired functionality.

    Please find it attached.

    Regards,
    Nencho
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mike
    Mike avatar
    338 posts
    Member since:
    Jun 2008

    Posted 28 Jun 2013 Link to this post

    Thank you Nencho!

    It is still happening
  5. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 03 Jul 2013 Link to this post

    Hello Michael,

    The provided workaround was for a Token InputType scenario. Please excuse me for my mistake. I would suggest you to use the OnClientTextChanged client side event, in order to change the height of the RadAutoCompleteBox, when needed. I am attaching the sample project, I had tested with. Please give it a try and let me know if you face any issue, implementing the approach.

    Regards,
    Nencho
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. Vignesh
    Vignesh avatar
    3 posts
    Member since:
    Jul 2013

    Posted 03 Apr 2014 in reply to Nencho Link to this post

    What if there are 2 autocomplete boxes? In this case, when you add entry in one, the height of the other also decreases. Any way to specifically control height of only that autocompletebox in which the entry has been made?
  7. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 04 Apr 2014 in reply to Vignesh Link to this post

    Hi Vignesh,

    Please have a look into the sample code snippet which works fine at my end. Please provide your code if it doesn't help.

     ASPX:
    <telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1" runat="server" DataSourceID="SqlDataSource1"
        DataTextField="ProductName">
    </telerik:RadAutoCompleteBox>
    <telerik:RadAutoCompleteBox ID="RadAutoCompleteBox2" runat="server" DataSourceID="SqlDataSource1"
        DataTextField="ProductName">
    </telerik:RadAutoCompleteBox>

    Thanks,
    Shinu.
  8. Vignesh
    Vignesh avatar
    3 posts
    Member since:
    Jul 2013

    Posted 08 Apr 2014 in reply to Shinu Link to this post

    Hi Shinu,
        The Javascript code reduces the height based on .racInput. So adding entry into first rad text box reduces the height of the second one to 0 too. Because ".racInput" changes both rad autocomplete boxes. How to affect only that radautocompletebox that had an entry added to it?

    Thanks,
    Vignesh
  9. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 09 Apr 2014 in reply to Vignesh Link to this post

    Hi Vignesh,

    Please try the following JavaScript to change the height of the one RadAutoCompleteBox.

    JavaScript:
    $('#RadAutoCompleteBox1_Input').height("100");

    Thanks,
    Shinu.
  10. Vignesh
    Vignesh avatar
    3 posts
    Member since:
    Jul 2013

    Posted 10 Apr 2014 in reply to Shinu Link to this post

    That too didnt work
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017