# Wiki source code of Icon Picker Macro

Last modified by Richard Johnson on 2021/05/08 19:20
Export
Office Formats
Export as PDF
Other Formats
Export as HTML

Show last authors

author | version | line-number | content
--- | --- | --- | ---
|  | 1 | = Usage =
|  | 2 | {{code}}
|  | 3 | {{iconPicker id="" class="" prefix="" /}}
|  | 4 | {{/code}}
|  | 5 |
|  | 6 | **Where:**
|  | 7 | |=id (optional)|DOM id of the input field where the picker will apply
|  | 8 | |=class (optional)|CSS class of inputs where the picker will apply
|  | 9 | |=prefix (optional)|Prefix to add before the name of the icon in the input field (default: "{{{image:icon:}}}")
|  | 10 | == Live example ==
|  | 11 | {{code}}
|  | 12 | {{html}}
|  | 13 | <p>Field 1: <input type="text" id="myPicker" /></p>
|  | 14 | <p>Field 2: <input type="text" class="fieldWithPicker" /></p>
|  | 15 | {{/html}}
|  | 16 |
|  | 17 | {{iconPicker id="myPicker" class="fieldWithPicker" prefix="icon:" /}}
|  | 18 | {{/code}}
|  | 19 | == Play with it ==
|  | 20 | {{html}}
|  | 21 | <p>Field 1: <input type="text" id="myPicker" /></p>
|  | 22 | <p>Field 2: <input type="text" class="fieldWithPicker" /></p>
|  | 23 | {{/html}}
|  | 24 |
|  | 25 | {{iconPicker id="myPicker" class="fieldWithPicker" prefix="icon:" /}}

# Applications

# Tips

Press the x+x+x+a key combo to toggle the Advanced mode and x+x+x+h to toggle the display of hidden pages.

# Need help?

If you need help with XWiki you can contact:

- Community Support
- Professional Support

XWiki Debian 13.10.2