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.

Inner textbox dosent ajust its width

Thread ID:

Created:

Updated:

Platform:

Replies:

115923 Feb 26,2014 03:02 AM Mar 17,2014 01:42 AM ASP.NET MVC (Classic) 3
loading
Tags: AutoCompleteTextBox
Jacob Saugmann
Asked On February 26, 2014 03:02 AM

Hi

Im using the AutoCompleteTextbox but it seems that the widt of the inner textbox dosen't fit the size of the control
i.ve tried whit bootstrap css


i want the text an textbox to fill the whole area.

i've also tried with the skins.Metro but the result is the same


my cshtml

       @{ Html.Syncfusion().AutocompleteTextBox("query")
                               .RequestMapper("HentNavne")
                               .CustomCSS("form-control")
                               .AutoFill(false)
                               .WaterMark("Søg medarbejder")
                               .Width(500)
                               .ListWidth(500)
                               .ListHeight(200)
                               .MinCharacter(2)
                               .Render(); }



Gurunathan A [Syncfusion]
Replied On March 4, 2014 09:42 AM

Hi Jacob,

Thanks for contacting Syncfusion support.

 

We have analyzed your reported query. It might be due to some CSS has overridden for input element width on Autocomplete textbox and so the issue has reproduced. Henceforth could you please ensure any CSS is overriding or not?

 

Note: We have already ensured with bootstrap.css. It doesn’t collapse our Autocomplete Textbox control styles.

 

Please let us know if you require further assistance on this.

 

Thanks,

Gurunathan


Jacob Saugmann
Replied On March 5, 2014 03:10 AM

Hi Gurunathan

When i look at my CSS

Note the class is watermark for the input control, when i change the css  in page inspector to "form-control watermark" then the control will filled the entire space as wanted but the control will have a blue highlight color when focused and that i don't want. all i want is for the input named "query to fill the entire area.
when i look at the css in firebug it seems to be SF calsses on the control

And the bootstrap css is overridden



Gurunathan A [Syncfusion]
Replied On March 17, 2014 01:42 AM

Hi Jacob,

We regret for the inconvenience caused.

 

We have tried to reproduce the reported issue “Autocomplete width has not set properly when using Bootstrap.css”. Unfortunately, we were unable to reproduce this issue as you mentioned. But in your given CSS code, we found that max-width property has been set for all input tags from bootstrap.css file. So it may be reason for reported issue, if so please override that CSS class otherwise could you please share a simple sample which reproduces this issue, so that we can analyses the issue in depth and provide you better solution.

 

We have prepared a simple sample to show case this behaviour. It can be available in following link:

 

 

Please let us know if you have further queries.

 

Thanks,

Gurunathan


Attachment: Auto_F115923_14830d23.zip

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.

;