Page 1 of 1

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

Posted: 17 Dec 2014
by Дмитрий Фоломеев
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.

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

Posted: 17 Dec 2014
by Dmitry Kozlov
Hi Dmitry,

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

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

Posted: 17 Dec 2014
by Дмитрий Фоломеев
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.

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

Posted: 17 Dec 2014
by Dmitry Kozlov
Dmitry,

Please, try to define your CSS following way:

Code: Select all

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

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

Posted: 17 Dec 2014
by Дмитрий Фоломеев
it does not work, I'll try to give a screenshot..

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

Posted: 18 Dec 2014
by Дмитрий Фоломеев
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).

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

Posted: 18 Dec 2014
by Dmitry Kozlov
So, please, try to add the !important directive:

Code: Select all

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

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

Posted: 18 Dec 2014
by Дмитрий Фоломеев
Thank You, it works!

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

Posted: 18 Dec 2014
by Дмитрий Фоломеев
Please tell a similar solution for the fields, containing numbers (numeric field).

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

Posted: 19 Dec 2014
by Dmitry Kozlov
Please, try this:

Code: Select all

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