How catkinfox/iconpicker works
This OctoberCMS plugin registers an icon-picker form widget for backend forms and Tailor blueprints. The widget loads its icon catalog, renders a form partial, and loads the picker’s browser assets; users search and select an icon, which the widget normalizes for saving. Search and preview capabilities are documented in the README, but the JavaScript and partial contents were not sampled, so their internal behavior is not detailed here.
Main entry points: IconPicker.php Icon picker widget · iconpicker.js Picker behavior · _iconpicker.htm Picker partial · Plugin.php Plugin registration
Components 8
OctoberCMS Integration
- Plugin registration
Plugin.php
Picker Widget
- Icon picker widget
formwidgets/IconPicker.php - Icon catalog
data/fontawesome-icons.json
Picker Interface
- Picker partial
formwidgets/iconpicker/partials/_iconpicker.htm - Picker behavior
formwidgets/iconpicker/assets/js/iconpicker.js - Picker styling
formwidgets/iconpicker/assets/css/iconpicker.css
Other components
- Form author
- OctoberCMS form system
Connections 9
- Form author → OctoberCMS form system: configures field
- Plugin registration → OctoberCMS form system: registers widget
- OctoberCMS form system → Icon picker widget: dispatches widget
- Icon picker widget → Icon catalog: reads icons
- Icon picker widget → Picker partial: renders partial
- Icon picker widget → Picker behavior: loads script
- Icon picker widget → Picker styling: loads styles
- Icon picker widget → OctoberCMS form system: returns saved value
- Picker behavior → Picker partial: enhances interface