Increase the width of text input (for simple text field).
Posted by Дмитрий Фоломеев - Dec 17 ’14 at 03:36
Help me. I can not find on the forum how to change (increase) the width of the text input for simple text field. That is, leave the width of the title constantly and increase only the text input.
-
Dmitry KozlovAdminMember for: 10 years 1 day
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/
-
Дмитрий ФоломеевMemberMember for: 8 years 9 months 27 days
[#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 ,
The input size of the field does not change.
save and reopen the form..
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. -
Dmitry KozlovAdminMember for: 10 years 1 day
[#2]: Dmitry,
Please, try to define your CSS following way:
.your-custom-class .ms-long { width: 700px; }
-
Дмитрий ФоломеевMemberMember for: 8 years 9 months 27 days
[#3]:
it does not work, I'll try to give a screenshot..
-
Дмитрий ФоломеевMemberMember for: 8 years 9 months 27 days
[#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).
-
Dmitry KozlovAdminMember for: 10 years 1 day
[#5]: So, please, try to add the !important directive:
.your-custom-class .ms-long { width: 700px !important; }
-
Дмитрий ФоломеевMemberMember for: 8 years 9 months 27 days
[#6]: Thank You, it works!
-
Дмитрий ФоломеевMemberMember for: 8 years 9 months 27 days
[#6]:
Please tell a similar solution for the fields, containing numbers (numeric field). -
Dmitry KozlovAdminMember for: 10 years 1 day
[#8]: Please, try this:
.your-custom-class .ms-input { width: 300px; }
-
peter0900MemberMember for: 10 months 13 days
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.