Css for autoComplete

Question

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 thisThanksAttachment: autocomplete_11f2c4c1.zip

Karthikeyan Viswanathan · Answer

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.