# Wiki source code of Icon Picker Macro

Last modified by superadmin on 2017/11/28 14:52

#### Export

#### Office Formats

Export as PDF Export as ODT Export as RTF

#### Other Formats

Export as HTML
Hide last authors

| 1.1 | 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

If you're starting with XWiki, check out the Getting Started Guide.

# Need help?

If you need help with XWiki you can contact:

- Community Support
- Professional Support