Can't Change AutoCompleteBox Size/Font/etc.

5 posts, 1 answers
  1. Lynn
    Lynn avatar
    186 posts
    Member since:
    Sep 2006

    Posted 23 Nov 2014 Link to this post

    I am trying to use the AutoCompleteBox on the home page of a real estate web site.  I want the users to be able to enter a city name, zip code, MLS number, etc. and have the AutoCompleteBox identify the item to be searched and continue with the search processing.

    The problem I am having is trying to change the textbox height, width, font, etc.  It seems to always revert back to a default size.  I seem to be able to change the width, but no other properties.  And in its default size, the AutoCompleteBox is just way too small on a home page to attract the users' attention.

    Does anyone know how I can accomplish these changes?

    Please note: I have already eliminated the RadFormDecorator from the page so there is no issue caused by it.

    Thanks in advance!

  2. Answer
    Boyan Dimitrov
    Boyan Dimitrov avatar
    1728 posts

    Posted 25 Nov 2014 Link to this post


    Indeed there is a property only for setting the RadAutoCompleteBox width value.
    For height and font size you have to use css in order to change them. In the code snippet below I tried to summarize the selectors and properties that you will need set in order to change the RadAutoCompleteBox height and font size:
    html .RadAutoCompleteBox .racInput {height, line-height, font-size}
    html .RadAutoCompleteBox {font-size, line-height}

    Boyan Dimitrov

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
  4. V
    V avatar
    7 posts
    Member since:
    Jun 2013

    Posted 06 Aug 2015 in reply to Boyan Dimitrov Link to this post

    And what about changing the font size of the popup list? I have tried everything with no effect, unfortunately :(
  5. Dimitar
    Dimitar avatar
    277 posts

    Posted 10 Aug 2015 Link to this post


    The popup is an element rendered outside the RadAutoCompleteBox. You may use the following selector to change its font-size:

    html .racSlide .RadAutoCompleteBoxPopup {
        font-size: 2em;

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  6. V
    V avatar
    7 posts
    Member since:
    Jun 2013

    Posted 10 Aug 2015 in reply to Dimitar Link to this post

    Thanx a lot Dimitar. You're a genius :)
Back to Top
DevCraft R3 2016 release webinar banner