Changing the date and state format of standard ticket page

[sri vijaya]

Hi

In standard ticket page , when HR case is opened, we can see the date,state in right side of the page(Highlited in yellow)

But we have a requirement where these options should be visible in left side of the page beside HR case,Attaching the sample screenshot down here with yellow  marked, so we need to achieve those values in left of the page like below screenshot, so is it possible?

Please help me to resolve the issue

@Dr Atul G- LNG @James Chun @Community Alums @Community Alums 

[Dr Atul G- LNG]

Hi @sri vijaya 

Keeping it in left , what value it serve? 

[sri vijaya]

Hi @Dr Atul G- LNG 

it should serve same as in the standard ticket page which is created,updated,state of the case

But those values should be visible in left side of the page beside the case number, so that was the requirement

[Dr Atul G- LNG]

Hi @sri vijaya 

This is what we got OOTB , so lets keep it like this. It is by design.

[Kieran Anson]

This requirement can be achieved easily without cloning the widget. The below solution benefits from how ServiceNow compiles CSS code.

1. Navigate to the portal you wish for this change to apply to, for this example we'll use "esc"
2. Navigate to the theme record being used by the portal
3. Via the related list, create a new CSS Include record as well as a new Style sheet (see below)

1. Open the style sheet (which will be blank) and enter the following

.v8face42a131d0810da297ad66144b0e2 {
  div {
    .panel-body {
       div {
        float: none !important;
      }
    }
  }
}

On refresh you'll have the headings left aligned.