Service Portal OOB Style Sheets

[jameslambros]

I find myself having to modify the OOB SC_Request page (against my good judgement...but that is a completely different diatribe).

I cloned the OOB page and will be modifying the cloned page.   I need to add a new widget to the cloned page, but I want the look and feel of the new widget to be like the others.   I notice that the DIV in one of the original widgets contains the following:

  <div class="panel-body">

      <div ng-if="data.fields.length > 0">

          <div class="row">

              <div class="col-md-6 col-sm-12 col-xs-6 m-b" ng-repeat="field in data.fields"

                        ng-if="field.value && (field.type != 'decimal' || field.type == 'decimal' && field.value != 0)" >

                  <label class="m-n">{{field.label}}</label>

                  <span ng-switch="field.type">

                      <div ng-switch-when="glide_date_time" title="{{field.display_value}}">

                          <sn-time-ago timestamp="::field.value" />

                      </div>

                      <div ng-switch-default >{{field.display_value}}</div>

                  </span>

              </div>

          </div>

      </div>

I would like to take a look at this CSS..however I have searched and searched...but have no idea where it is located.

Hopefully someone smarter than me can come to the rescue!!

[Chuck Tomasi · Accepted solution]

Hi James,

What you've highlighted are Bootstrap classes. Think of Bootstrap as a simple way to do layout around the underlying CSS. It's all about the 12 column layout and how it is rendered on the various devices (desktop, tablet, mobile.)

Take a look at this and see if it helps>

http://getbootstrap.com/docs/4.0/layout/grid/

[jameslambros]

Yes!   This definitely helps.

Thank you.