Pretty Buttons

Een module om knoppen weer te geven op een mooi en gemakkelijke manier. Met de mogelijkheid om voor en na de knoppen inhoud toe te voegen.

Je kan gewoon een paar knoppen weergeven maar het is ook erg handig om als contact informatie module te gebruiken aangezien je voor en na de knoppen html opgemaakte inhoud kan plaatsen.

We hebben de volgende mogelijkheden toegevoegd
  • Tot 99 knoppen toevoegen via een eenvoudig subformulier.
  • Bootstrap 5 knopstijlen, of je eigen classes voor templates zonder Bootstrap 5.
  • Iconen van Font Awesome of een ander icon font, ook als knop met alleen een icoon.
  • Optioneel ARIA-label per knop voor betere toegankelijkheid.
  • Blokweergave om de knoppen over de volle breedte te tonen.
  • Eigen class voor de container om de knoppen.
  • Extra inhoud voor en na de knoppen (editorvelden).
  • Elke link openen in hetzelfde of een nieuw venster.
  • Alle soorten links: https://, mailto:, tel:, whatsapp: en relatieve links.
Aankomende mogelijkheden
  • Niets op de planning voor nu. Laat ons jouw ideeën weten!
Systeemeisen
  • Joomla 5.4 of nieuwer, ook Joomla 6.
  • PHP 8.1 of nieuwer.
  • Een Bootstrap 5 template zoals Cassiopeia, of je eigen knop-classes.

Mist er een optie?

Open een aanvraag op 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.