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
- Users can specify the icon class name in the Advanced Settings of the PHPMaker extension.
- The icon class should be a Font Awesome class, such as
fas fa-circle. - Icons and text will be added to the respective input fields based on the configuration.
Installation & Configuration
- Enable the Input Icons extension in PHPMaker.
- Configure the icon class names and input texts in the Advanced Settings in front of any field of your choice.
- 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)
| Description | Type | Example |
|---|
| Left Icon Class Name | String | fa-solid fa-envelope |
| Left Icon Background Class Name | String | bg-success |
| Left Text | String | @ |
| Left Text Background Class Name | String | bg-success |
| Right Icon Class Name | String | fa-solid fa-truck-fast text-warning |
| Right Icon Background Class Name | String | bg-dark |
| Right Text | String | .00 |
| Right Text Background Class Name | String | bg-danger |
Requirements
- PHPMaker 2024 or later
- Uses Font Awesome icons (compatible with PHPMaker’s default template)