1
0
-1

Can I include a font-awesome icon in a text display field or another similar type? I'm creating an alert box and I'm not sure of the best way to go about it. The only fields I've discovered that have font-awesome built in are buttons, and I want the alert to be non-interactive. The customer wants this:



    CommentAdd your comment...

    1 answer

    1.  
      2
      1
      0

      Hey Brian,

       

      When you edit the text display component, select the Source view and you can add html code. The following example styles a text display to appear exactly the same as a field error message. Note the use of the exclamation triangle font awesome icon.

       

      <div class="err-msg list-group"> 
      <p class="list-group-item list-group-item-danger textField_error"> 
      <span class="fa fa-exclamation-triangle">&nbsp;</span> 
      <span id="textField_error" role="alert" aria-live="assertive" class="message"> 
      Custom message 
      </span> 
      </p> 
      </div> 

        CommentAdd your comment...