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.
Unfortunately, activation email could not send to your email. Please try again.

Css for autoComplete

Thread ID:

Created:

Updated:

Platform:

Replies:

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

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 02:55 AM

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.

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.

;