question about sp-panel

yundlu316
Kilo Guru

Hi Experts,

I've cloned the HR Profile widget in Service Portal and made some simple changes.   However when I pulled in my cloned HR profile widget onto a page the panel heading and title do not show up.   The only thing I changed in the HTML was take out the editable option so am unsure what is causing the panel titles to disappear.

The original HTML looks like this:

<sp-panel rect="rect" ng-controller="spHRProfile" ng-if="data.profileExists && data.isLoggedInUsersProfile">

  <div class="list-group">

      <div ng-repeat="fieldModel in getProfileModelFields()">

          <div class="list-group-item no-border">

              <div>              

              <sp-editable-field block="true" table="hr_profile" editable-by-user="data.isLoggedInUsersProfile" table-id="data.hrProfileID" field-model="fieldModel" on-submit="validateField" async-submit-validation="asyncValidation"></sp-editable-field>

              </div>

          </div>

      </div>

  </div>

</sp-panel>

find_real_file.png

However, when I take away editable-by-user = "data.isLoggedInUsersProfile", my HTML looks like this:

<sp-panel rect="rect" ng-controller="spHRProfile" ng-if="data.profileExists && data.isLoggedInUsersProfile">

  <div class="list-group">

      <div ng-repeat="fieldModel in getProfileModelFields()">

          <div class="list-group-item no-border">

              <div>    

                  <sp-editable-field block="true" table="hr_profile" table-id="data.hrProfileID" field-model="fieldModel" on-submit="validateField" async-submit-validation="asyncValidation"></sp-editable-field>

              </div>

          </div>

      </div>

  </div>

</sp-panel>

but my panel title is completely gone...

find_real_file.png

Any thoughts on why this is happening?   what exactly does sp-panel rect = "rect" do?

Thanks!

1 ACCEPTED SOLUTION

lSurya 24
Giga Guru

Hello David,



It is nothing to do with the sp-panel. You can just simply click contrl+right and you will see below screenshot.


find_real_file.png



In the above screen shot, click on an instance in the page editor, and will redirect to a page where you can give title and color to your panel.


find_real_file.png



Mark this as helpful/Correct depending upon the impact.



Thanks,


Surya Amara


View solution in original post

1 REPLY 1

lSurya 24
Giga Guru

Hello David,



It is nothing to do with the sp-panel. You can just simply click contrl+right and you will see below screenshot.


find_real_file.png



In the above screen shot, click on an instance in the page editor, and will redirect to a page where you can give title and color to your panel.


find_real_file.png



Mark this as helpful/Correct depending upon the impact.



Thanks,


Surya Amara