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

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

• 

  Dmitry Kozlov

  Admin

  Member for: 5 years 10 months 26 days
  #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: 4 years 8 months 20 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: 5 years 10 months 26 days
  #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: 4 years 8 months 20 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: 4 years 8 months 20 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: 5 years 10 months 26 days
  #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: 4 years 8 months 20 days
  #7 by Дмитрий Фоломеев Dec 18 ’14 at 03:59

  [#6]: Thank You, it works!

  link flag
• 

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

  Member

  Member for: 4 years 8 months 20 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: 5 years 10 months 26 days
  #9 by Dmitry Kozlov Dec 19 ’14 at 10:05

  [#8]: Please, try this:

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

  link flag

Show more messages