Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Go to the page where you would like to add a Tooltip. The below code is an example of a Tooltip.

    Code Block
    <button type="button" class="btn btn-secondary"
            data-bs-toggle="tooltip" data-bs-placement="top"
            data-bs-custom-class="custom-tooltip"
            data-bs-title="This top tooltip is themed via CSS variables.">
      Custom tooltip
    </button>
  • For a LIVE example of this. Refer to https://drupal.maricopa.edu/example-pages/various-bootstrap-elements

  • Copy and paste this code

Info

If using CKEditor, refer back to creating Text Formats on how to switch between Basic HTML and Full HTML mode.