I am increasing the height of field by defining the size in configuring styles of the filed of a form . But that size is not getting displayed on portal page.

[suprakash]

I am increasing the height of field by defining the size in configuring styles of the field of a form. But that size is not getting displayed on portal page. how to increase the height or size of a field in portal page ????

[sndangibbard]

1. Open the page that your form is on in the Page Editor
2. Select the page element in the tree view
3. Add your style to the Page specific CSS field

Note that the ID of the form field will be the format #sp_formfield_[field_name], for example:

number: #sp_formfield_number

approval history: #sp_formfield_approval_history

[Sebastian L]

You can adjust the ccs on the service portal. Is it only on one field? Otherwise you need to target .form-control I think, but let me know. If it is only one field, then do the following:

Replace the sysid   (3f272c500a0a0b990059c24380a2bc02 ) with your forms sys_id.

CSS:

#sp_formfield_IO\3A 3f272c500a0a0b990059c24380a2bc02 {

  height: 50px !important;

}

[suprakash]

thanks for replying ,

where should I write the code   on page specific CSS ??

where to give the field name in the code?

[Sebastian L]

I assume you run the OOB installation of the service portal. Then you need to clone the widget in order to edit the code.

You can see what pages you are using in the link, e.g. ?id=sc_cat_item - so go to the item you want on the portal and locate the page by looking at the id.

Find the page in Service portal -> Pages. Go to the page. Locate the the widget. OOB in Istanbul the widget is called SC Catalog Item. Clone the widget and remember the new name. It is often called (Copy of xxx).

Then go to the page again and replace the original widget with the cloned one.

Now go to the widget. It is divided in HTML, CSS, Server and Client.

In CSS you then paste in the code as shown in the screenshot. Replace the sysid with your variables' sysid.