Pretty Buttons

A module to display buttons in a nice and easy way. With ability to display content before and after the buttons.

You can use it to just display some buttons but it's also very useful as a contact information module since you can add html before and after the buttons.

We've added the following features
  • Add up to 99 buttons through a simple subform.
  • Bootstrap 5 button styles, or your own custom classes for templates without Bootstrap 5.
  • Icons from Font Awesome or any other icon font, also as icon-only buttons.
  • Optional ARIA label per button for better accessibility.
  • Block layout option to show the buttons full width.
  • Custom wrapper class for the button container.
  • Extra content before and after the buttons (editor fields).
  • Open each link in the same or a new window.
  • All link types: https://, mailto:, tel:, whatsapp: and relative links.
Upcoming features
  • Nothing planned for now. Let us know your idea's!
Requirements
  • Joomla 5.4 or newer, including Joomla 6.
  • PHP 8.1 or newer.
  • A Bootstrap 5 template such as Cassiopeia, or your own button classes.

Missing a feature?

Open a feature request on github.

Download Module

Pre-defined Classes

This example shows all the pre-defined Bootstrap 5 button classes.
btn-primary btn-secondary btn-success btn-danger btn-warning btn-info btn-light btn-dark btn-link btn-lg btn-sm BS5 full width button (W-100)

Block column layout

These buttons are using the block column layout option. More info about block layout column (former btn-block) on the bootstrap website.
Pretty Buttons Github Pretty Masthead Github Pretty PhotoRibbon Github TLWebdesign @ JED

Various examples

You can add any class you like to your buttons. For instance if your template used UIKIT instead of bootstrap. Or you want to do some custom styling.

Outline button using custom class option

You also have the option to use icon-only buttons by leaving the button text field empty.