Hi Team custom widget to add bold text and change the color

[AnilM99]

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:

title: options.title,

It's showing like below:

Now i want to change the color of the title and set bold

Thanks,

Anil!

[Sanjay191]

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!

[Ankur Bawiskar]

@AnilM99 

which text you want in bold?