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

Discussions about Forms Designer for SharePoint 2010.
Locked
User avatar
Дмитрий Фоломеев
Posts: 13
Joined: Tue Nov 25, 2014

17 Dec 2014

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.

User avatar
Dmitry Kozlov
Site Admin
Posts: 1524
Joined: Thu Jun 07, 2012

17 Dec 2014

Hi Dmitry,

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

User avatar
Дмитрий Фоломеев
Posts: 13
Joined: Tue Nov 25, 2014

17 Dec 2014

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.

User avatar
Dmitry Kozlov
Site Admin
Posts: 1524
Joined: Thu Jun 07, 2012

17 Dec 2014

Dmitry,

Please, try to define your CSS following way:

Code: Select all

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

User avatar
Дмитрий Фоломеев
Posts: 13
Joined: Tue Nov 25, 2014

17 Dec 2014

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

User avatar
Дмитрий Фоломеев
Posts: 13
Joined: Tue Nov 25, 2014

18 Dec 2014

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).

User avatar
Dmitry Kozlov
Site Admin
Posts: 1524
Joined: Thu Jun 07, 2012

18 Dec 2014

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

Code: Select all

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

User avatar
Дмитрий Фоломеев
Posts: 13
Joined: Tue Nov 25, 2014

18 Dec 2014

Thank You, it works!

User avatar
Дмитрий Фоломеев
Posts: 13
Joined: Tue Nov 25, 2014

18 Dec 2014

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

User avatar
Dmitry Kozlov
Site Admin
Posts: 1524
Joined: Thu Jun 07, 2012

19 Dec 2014

Please, try this:

Code: Select all

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

Locked
  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests