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)