Css for autoComplete

[indrani Gajjarapu]

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]

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.