Increase the width of text input (for simple text field).

Posted by Дмитрий Фоломеев - Dec 17 ’14 at 03:36

• 

  Dmitry Kozlov

  Admin

  Member for: 10 years 1 day
  #1 by Dmitry Kozlov Dec 17 ’14 at 04:36

  Hi Dmitry,

  Please, take a look at the following thread:

  http://forum.spform.com/forms-designer-for-sharepoint-20/best-way-to-collapse-the-width-of-a-control-25168/

  link flag
• 

  Дмитрий Фоломеев

  Member

  Member for: 8 years 9 months 27 days
  #2 by Дмитрий Фоломеев Dec 17 ’14 at 05:53

  [#1]: Maybe, I did not correctly apply solutions to the forum?

  In the CSS editor I describes a class:
  

  .your-custom-class {
  width: 700px;
  }
  

  Next in the Css Class in field Layout: your-custom-class ,
  save and reopen the form..

  The input size of the field does not change.
  How to change the size of the input field? On the form in this tab there are other text fields, the size of the field is the same as the size of other text fields.

  
  

  link flag
• 

  Dmitry Kozlov

  Admin

  Member for: 10 years 1 day
  #3 by Dmitry Kozlov Dec 17 ’14 at 06:06

  [#2]: Dmitry,

  Please, try to define your CSS following way:

  .your-custom-class .ms-long {
    width: 700px;
  }
  

  link flag
• 

  Дмитрий Фоломеев

  Member

  Member for: 8 years 9 months 27 days
  #4 by Дмитрий Фоломеев Dec 17 ’14 at 06:45

  [#3]:

  it does not work, I'll try to give a screenshot..
  
  link flag
• 

  Дмитрий Фоломеев

  Member

  Member for: 8 years 9 months 27 days
  #5 by Дмитрий Фоломеев Dec 18 ’14 at 03:15

  [#3]:

  Please see the settings in the screenshot.

  https://onedrive.live.com/redir?resid=117A936AF21006E!182&authkey=!APIrl_JTC033zlo&v=3&ithint=photo%2cjpg

  With these settings does not work (SharePoint 2010, field on tab).
  

  link flag
• 

  Dmitry Kozlov

  Admin

  Member for: 10 years 1 day
  #6 by Dmitry Kozlov Dec 18 ’14 at 03:32

  [#5]: So, please, try to add the !important directive:

  .your-custom-class .ms-long {
    width: 700px !important;
  }
  

  link flag
• 

  Дмитрий Фоломеев

  Member

  Member for: 8 years 9 months 27 days
  #7 by Дмитрий Фоломеев Dec 18 ’14 at 03:59

  [#6]: Thank You, it works!

  link flag
• 

  Дмитрий Фоломеев

  Member

  Member for: 8 years 9 months 27 days
  #8 by Дмитрий Фоломеев Dec 18 ’14 at 07:36

  [#6]:

  Please tell a similar solution for the fields, containing numbers (numeric field).
  link flag
• 

  Dmitry Kozlov

  Admin

  Member for: 10 years 1 day
  #9 by Dmitry Kozlov Dec 19 ’14 at 10:05

  [#8]: Please, try this:

  .your-custom-class .ms-input {
  	width: 300px;
  }
  

  link flag
• peter0900

  Member

  Member for: 10 months 13 days
  #10 by peter0900 Mar 24 ’23 at 05:51

  The size attribute on the input text box can be set using the set Attribute method in JavaScript. Moreover, you can dynamically adjust a text box's width to correspond to the input's length.

  Best Loan Providing Company Near Me in USA

  link flag

Show more messages