PHPMaker Input Icons Extension

Original price was: $25.00.Current price is: $15.00.

The Input Icons extension for PHPMaker enhances form inputs by allowing users to add icons and text on both the left and right sides of input fields. This extension improves UI clarity and usability by visually grouping inputs with relevant icons or additional information.

demo : link  | user: admin | password: master

Description

Features

  • Adds icons to the left and/or right of input fields.
  • Supports adding text on either side of inputs, forming an input group.
  • Uses Font Awesome icons for PHPMaker’s default template.
  • Supports PHPMaker 2024 and later.

How It Works

  1. Users can specify the icon class name in the Advanced Settings of the PHPMaker extension.
  2. The icon class should be a Font Awesome class, such as fas fa-circle.
  3. Icons and text will be added to the respective input fields based on the configuration.

Installation & Configuration

  1. Enable the Input Icons extension in PHPMaker.
  2. Configure the icon class names and input texts in the Advanced Settings in front of any field of your choice.
  3. Regenerate your project to apply changes.

Example Usage

For an email field, you could set:

Left Icon: fas fa-envelope
Right Text: @domain.com

This will display an envelope icon on the left and “@domain.com” as text on the right side of the input field.

Configuration Attributes (User Inputs)

DescriptionTypeExample
Left Icon Class NameStringfa-solid fa-envelope
Left Icon Background Class NameStringbg-success
Left TextString@
Left Text Background Class NameStringbg-success
Right Icon Class NameStringfa-solid fa-truck-fast text-warning
Right Icon Background Class NameStringbg-dark
Right TextString.00
Right Text Background Class NameStringbg-danger

Requirements

  • PHPMaker 2024 or later
  • Uses Font Awesome icons (compatible with PHPMaker’s default template)
Go to Top