Hi Team custom widget to add bold text and change the color
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-21-2025 12:48 AM
Hi team,
I have a requirement. I am using the below HTML and server script to show the title of the custom widget.
HTML:
<div>
<span class="panel-title"><i ng-if="options.glyph" class="fa fa-{{options.glyph}} m-r"></i>{{data.title || data.table_plural}}</span>
<div class="alert alert-danger" ng-if="data.invalid_table">
${Table not defined} '{{data.table_label}}'
</div>
<sp-widget ng-if="data.dataTableWidget" widget="data.dataTableWidget"></sp-widget>
</div>
Server Script:
Now i want to change the color of the title and set bold
Thanks,
Anil!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-21-2025 01:22 AM
Hello @AnilM99
Please make change in class and add the CSS like below
<div>
<span class="panel-title">
<i ng-if="options.glyph" class="fa fa-{{options.glyph}} m-r"></i>
{{data.title || data.table_plural}}
</span>
<div class="alert alert-danger" ng-if="data.invalid_table">
${Table not defined} '{{data.table_label}}'
</div>
<sp-widget ng-if="data.dataTableWidget" widget="data.dataTableWidget"></sp-widget>
</div>
and CSS is like below for the title colored and bold
.panel-title {
color: red;
font-weight: bold;
}
If you found this helpful, please give a thumbs up OR mark it as the solution. Thank you!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-21-2025 01:45 AM
which text you want in bold?
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader