Description
This plugin adds a highly configurable icon to the form field. The icon can be used as an indicator of a tooltip with the description, or it can be configured as clickable to trigger an action on the field or to display a custom context menu.
Live Demo
Live Demo ExtJS 5
Main Features
- supports font, css and image icons
- configurable position: before/after label, before/after input
- supports both quick tips and rich tooltips
- fires click events to trigger actions
- plugs in any form field
Design Goals
The main design goal was to easily display an icon next to the field that would serve as a target for quicktip for I needed to display a verbose field description.
The icon should be a font icon as standard bitmap icons just do not look good anymore.
Later, I’ve added events to the icon so that an action can be triggered (on left click), or a context menu can be shown (on right click).
Quick Start Guide
- Extract the downloaded zip file anywhere in your http server accessible folder
- Navigate to http://localhost/where-you-unzipped/saki-field-icon/docs
- Follow the instructions in the Getting Started Guide
Compatibility
The package contains two versions:
- ExtJS 4
- ExtJS 5
Author:
I'm a well seasoned developer, consultant and educator of web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides (Apple) computers, I love photography and mountain biking.
Latest posts by saki (see all)
- Ext, Angular, React, and Vue - June 27, 2019
- The Site Resurgence - February 11, 2018
- Configuring ViewModel Hierarchy - June 19, 2015
