Adjusting widget header size service portal.

[Community Alums]

Hello

I want to adjust the second widget (Known Problems ...) size as the first widget (Announcements) which is shown in the above screen shot. 

Below is the piece of HTML code for known problem... widget. Please suggest me on this. Thank You!

<div class="panel panel-primary">
	<div class="panel-heading">
    <div class="panel-title">
		<span><h4><img class="center" src="warning_icon.svg" width="30" height="30"/> Known Problems and Outages being investigated.</h4></span>
    </div>
	</div>
  <div>
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Please click the link to read more. You can also add yourself as an impacted user.
  </div>
  <!-- SCROLLER -->
  <div class="panel-body" style="min-height: 150px;">
    <table align="left" border="0" cellspacing="2" cellpadding="0">
    <tr class="animated slideInUp" ng-repeat="item in c.data.list">
        <td>
              <a href="{{item.link}}" target="_blank" >
                <span style="padding-right:10px;"><IMG SRC="images/icons/problem.gifx"/></span>
              </a>
              <a href="{{item.link}}" target="_blank" class="linked" style="padding-right:10px;">{{item.number}}</a>
            </td>
            <td><span style="word-wrap: normal;" >{{item.short_description}}</span></td>
    </tr>
    </table>
  </div>
</div>

[Chander Bhusha1]

Hi Ganesh,

You don't need to change the script in the widget.Navigate to page designer and select 6 |6  column and place these widgets in that coloumn.

It will directly take the widget width accordingly.

Mark helpful and correct if it helps

Thanks,

CB

[Community Alums]

Hello,

The row is having 6|6 containers and its not OOB widget. I believe we need to adjust the header! but not sure how to do that. 

[Mark Roethof]

Hi there,

Is this the out-of-the-box widget? Or a cloned one? If out-of-the-box and wanting to change the header size, no need to clone and edit the widget! That's a common answer given on the community, though also a really poor answer!

Have a look at this article which I wrote a few weeks back. You could simply inspect which elements you are after, and override the CSS. In your case, probably something with "height: ".

Changing Service Portal widgets look and feel without cloning widgets 

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list

[Community Alums]

Hello Mark,

Its not OOB widget. Its purely customized one.