We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Css for autoComplete

Thread ID:

Created:

Updated:

Platform:

Replies:

126974 Oct 19,2016 10:59 AM UTC Oct 20,2016 06:55 AM UTC JavaScript 1
loading
Tags: ejAutoCompleteTextBox
indrani Gajjarapu
Asked On October 19, 2016 10:59 AM UTC

Hi,

I have implemented a autocomplete search.

However, I don't want to display the textbox. I have attached the screenshots of the theme of how i wish to display it.

cssClass only works for the dropdown of the textbox.

Can you please help me with this

Thanks

Attachment: autocomplete_11f2c4c1.zip

Karthikeyan Viswanathan [Syncfusion]
Replied On October 20, 2016 06:55 AM UTC

Hi Indrani,  
  
Thanks for contacting Syncfusion support.  
  
Query: “I don't want to display the textbox.  
  
As per your comment, you can customize the autocomplete theme using “cssClass” Property.  
  
Please find the code snippet below:  
  
Script:  
  
$('.selectCar').ejAutocomplete({  
                dataSource: carList,  
                cssClass:"custom",  
                watermarkText: "search for something,.."  
            });  
 
  
  
CSS:  
  
.custom .e-in-wrap.e-box , .custom .e-autocomplete {  
       background-color: transparent;  
       border-color: transparent;  
       box-shadow:none;  
 
 
  
JS Playground sample link: http://jsplayground.syncfusion.com/pbagwyxu   
  
Note: You can import your customized theme into the Theme studio and customize the colors and download.  
  
Try the Theme Studio for customized theme: http://js.syncfusion.com/themestudio/   
  
Help document for Theme Studio: https://help.syncfusion.com/js/theme-studio   
  
Regards 
Karthikeyan V. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;