Learn from Saki

Knowledge is power

This content is for registered users only. Please login.
Hello! To access your account, please Log in. Not a member? Sign up
  • Videos
  • Blog
  • Examples
  • Services
  • Add-ons
  • About

ExtJS Form Field Icon Plugin

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
[wp_eStore_saki_add_to_cart id=7]

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

  1. Extract the downloaded zip file anywhere in your http server accessible folder
  2. Navigate to http://localhost/where-you-unzipped/saki-field-icon/docs
  3. Follow the instructions in the Getting Started Guide

Compatibility

The package contains two versions:
  • ExtJS 4
  • ExtJS 5
[wp_eStore_saki_add_to_cart id=7]

Author:

  • Author
  • Recent Posts
Follow me:
saki
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.
Follow me:
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

Categories

  • Addons (2)
  • Architecture (14)
  • Examples (2)
  • ExtJS (26)
  • Howtos (16)
  • Javascript (1)
  • Know-how (32)
  • Linux (1)
  • Mac OS X (2)
  • SASS/CSS (2)
  • Snippets (9)
  • Theory (14)
  • Touch (6)
  • Tutorials (5)
  • What is a … (9)

Tag cloud

abstract class accordion application button class cluster column component config css definition deprecated design education event example extension extjs factory function form grid html initComponent items javascript Know-how knowledge layout Linux listener mysql old panel pattern php plugin render snippet sql sqlite state table touch tree viewpoint

Membership

Become a Member
Affiliate Program

Support

FAQ
Contact

Legal

Terms and Conditions
Licensing
Privacy Policy

Copyright © 2021 · Dynamik-Gen on Genesis Framework · WordPress · Log in