How to add custom style to form in service catalog?

[Anon Anon]

Hi,

can any one tell how to add custom style to form in service catalog and as well as how the rendering process happening in service catalog.


Thanks
Srikanth D

[System]

Hi All,

Any quick ideas for this one/

Thanks!
Chris

srikanthkiwi wrote:

Hi,

can any one tell how to add custom style to form in service catalog and as well as how the rendering process happening in service catalog.


Thanks
Srikanth D

[Anon Anon]

srikanthkiwi wrote:

Hi,

can any one tell how to add custom style to form in service catalog and as well as how the rendering process happening in service catalog.


Thanks
Srikanth D

You can easily do simple things like "color:red" using the "Style" attribute of any form element. However, if you want to get more complex, you'll need to add a new class to the <theme>/css/main.css file and then specify the class in the "Class" attribute of the form element.

Please note that I personally have not tested the latter, but have used the "Style" attribute many times.


As for the second part of your question, I'm not sure I understand what you're asking.

[Anon Anon]

scottbeeson wrote:

srikanthkiwi wrote:

Hi,

can any one tell how to add custom style to form in service catalog and as well as how the rendering process happening in service catalog.


Thanks
Srikanth D

You can easily do simple things like "color:red" using the "Style" attribute of any form element. However, if you want to get more complex, you'll need to add a new class to the <theme>/css/main.css file and then specify the class in the "Class" attribute of the form element.

Please note that I personally have not tested the latter, but have used the "Style" attribute many times.


As for the second part of your question, I'm not sure I understand what you're asking.

Thanks for reply scottbeeson.

I will try your solution and will get back to you with result.

My second question is after creating form it will store in some place right (Question. where it will store and how it will) next when I am viewing the created form (Question.how we are getting the stored form data and in which formate. After getting the data how we are rendering form template).

One more thing is it possible to add custom Id to form like class?

Thanks,
Srikanth D

[Sankar Natarajan]

Replaces the default CSS class for the form field with the new class that you specify.

To add a css class, append it to the formdesigner.css file in the folder named USM_HOME\view\webapps\usm\gwt\fdBase\css.

For example, to apply a class that changes the form to a 12-point, blue, boldface font, follow these steps:

1.
Back up the fordesigner.css file before you edit it.

2.
Append the following class statement to fordesigner.css:

.blue12-class {
color: blue;
font-size:12px; /* Make sure to mention font size in pixels(px) */
font-weight:bold;
}

Note: Font-size attribute is ignored by Textfield as text field has limited height

3.
Enter blue12-class as the value for CSS class attribute.

4.
Verify your updates by using the form in a request.