How to add alert/color boxes to TDX

Summary

How to add colorful alerts and boxes to TDX articles and services

Body

How to 

To add alert boxes to TDX articles or services use bootstrap Alerts 

Success! Indicates a successful or positive action.
Info! Indicates a neutral informative change or action.
Warning! Indicates a warning that might need attention.
Danger! Indicates a dangerous or potentially negative action.
Warning
Add a warning message here. 
Important
.

examples in HTML

<div class="alert alert-success">
  <strong>Success!</strong> Indicates a successful or positive action.
</div>

<div class="alert alert-info">
  <strong>Info!</strong> Indicates a neutral informative change or action.
</div>

<div class="alert alert-warning">
  <strong>Warning!</strong> Indicates a warning that might need attention.
</div>

<div class="alert alert-danger">
  <strong>Danger!</strong> Indicates a dangerous or potentially negative action.
</div>

<div style="width: 100%; margin-bottom: 15px; border: 1px solid #B73D26">
<div style="width: 100%; border: 0; background-color: #B73D26; color: #FFFFFF; padding: 5px"><strong>Warning</strong></div>

<div style="width: 100%; border: 0; background-color: #FFFFFF; padding: 5px">Add a warning message here.&nbsp;</div>
</div>

 

<div style="width: 100%; border: 1px solid #E77A1C; margin-bottom: 15px">

<div style="width: 100%; border: 0; background-color: #E77A1C; color: #FFFFFF; padding: 5px"><strong>Important</strong></div>

 

<div style="width: 100%; border: 0; background-color: #FFFFFF; padding: 5px">.</div>

</div>

 

 

Details

Details

Article ID: 3010
Created
Thu 12/7/23 11:39 AM
Modified
Thu 6/6/24 4:00 PM