Textbox width

Hello,

No matter what I try the width of the text box stays constant. I have tried both a div with css, a css class on the text box and the width method. Neither changes the width. 
Here is my current code:

@Html.EJS().TextBoxFor(m => m.Entries[e].Summary).Width(800).Render()

Can you please provide any help?

Thanks

5 Replies 1 reply marked as answer

DA Danyelle January 26, 2021 08:35 PM UTC

Did you try this?
@Html.EJS().TextBoxFor(m => m.Entries[e].Summary).Width("800").Render()



PM Ponmani Murugaiyan Syncfusion Team January 27, 2021 11:38 AM UTC

Hi Matthew and Danyelle,  

Greetings from Syncfusion.  

Yes, we can modify the width of the TextBox component using Width property as like below code. 

@Html.EJS().TextBox("default").Width("800px").Placeholder("Enter your name").Render()  

Please get back us if you need further assistance.  

Regards,  
Ponmani M 



MH Matthew Hamlin January 27, 2021 11:57 AM UTC

Hello,

Sadly that did not work, the line under the text box changes sizes but the actual area where you enter text stays fixed.

Thanks


MH Matthew Hamlin January 27, 2021 12:05 PM UTC

Sadly that did not work


PM Ponmani Murugaiyan Syncfusion Team January 28, 2021 10:56 AM UTC

Hi Matthew, 

Thanks for the update. 

We checked your reported query. Based on the provided width property, the Textbox component width will be updated and also you can able to enter the text with the provided width. We have prepared sample below for reference. Also, we suspect that the reported issue may caused due to CSS overridden in your application. 

@Html.EJS().TextBox("default").Width("800px").Value("Mr. Dodsworth Dodsworth, System Analyst, Studio 103, The Business Center, The Business Center Business Center Business Center").Placeholder("Enter your name").Render() 

 


If issue still exists in your end, please revert us with below details: 

  1. Share issue screenshot.
  2. Whether made CSS customization in your application. If so, pelase share the page.
  3. If possible share issue replicating sample.

The above requested details will help us to check and provide you the solution at earliest. 

Regards, 
Ponmani M 


Marked as answer
Loader.
Up arrow icon