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

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

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 Kozlov]

Hi Dmitry,

Please, take a look at the following thread:
viewtopic.php?f=1&t=94

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

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.

[Dmitry Kozlov]

Dmitry,

Please, try to define your CSS following way:

Code: Select all

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

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

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

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

Please see the settings in the screenshot.

https://onedrive.live.com/redir?resid=1 ... hoto%2cjpg

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

[Dmitry Kozlov]

So, please, try to add the !important directive:

Code: Select all

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

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

Thank You, it works!

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

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

[Dmitry Kozlov]

Please, try this:

Code: Select all

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