How to find the file "styles/assessment.css"?

[Liuduan]

====  The problem  ====

I am using San Diego version. The risk assessment page format is not quite right. Open a change request, click Risk Assessment, sometimes we have two options in one line. Please see the following figure (question 6):

I hope that each option has one line, like the question 7 above.

====  I have figured out so far ====

It is an UI action, which can be found by going to System UI/ UI Actions/ Risk Assessment. Line 102 called an url, that is an UI page.

dialogWindow.renderIframe(url, function() {} )

This UI page can be found by go to Application navigator, search UI page/ System UI/ UI page/ assessment_take2

HTML Line 162

<g:requires name="styles/assessment.css" />

====  Question ====

I am thinking about to find the file "styles/assessment.css" and modify it. Does anyone know where can I find this file?

[nancystodd · Accepted solution]

You don't need to make the changes to the assessment.css file to accomplish what you want, and it is probably best that you don't, so you don't complicate upgradability down the line. What you can do is to create your own custom stylesheet to override the styles you want to change and then create a link to the stylesheet in the assessment_take2 UI page below the link to the assessment.css file.

You can find the style sheet table in the navigator under Content Management/Design/Style Sheets. Create a new stylesheet and add your styles in there. Once you create your stylesheet make note of the sys_id that was generated to use in the UI Page. Inside the UI page, find the line that inserts the style sheet into the page and add the link to your css file after it, like so:

<g:requires name="styles/assessment.css" />
<link href="your_stylesheet_sys_id.cssdbx" rel="stylesheet" />

 You may need to use your browser's developer tools to peek into the style sheets and tweak your styles. That should do the trick.