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: 8 years 10 months 17 days
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: 7 years 8 months 12 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: 8 years 10 months 17 days
[#2]: Dmitry,
Please, try to define your CSS following way:
.your-custom-class .ms-long { width: 700px; }
-
Дмитрий ФоломеевMemberMember for: 7 years 8 months 12 days
[#3]:
it does not work, I'll try to give a screenshot..
-
Дмитрий ФоломеевMemberMember for: 7 years 8 months 12 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: 8 years 10 months 17 days
[#5]: So, please, try to add the !important directive:
.your-custom-class .ms-long { width: 700px !important; }
-
Дмитрий ФоломеевMemberMember for: 7 years 8 months 12 days
[#6]: Thank You, it works!
-
Дмитрий ФоломеевMemberMember for: 7 years 8 months 12 days
[#6]:
Please tell a similar solution for the fields, containing numbers (numeric field). -
Dmitry KozlovAdminMember for: 8 years 10 months 17 days
[#8]: Please, try this:
.your-custom-class .ms-input { width: 300px; }