# 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
Show last authors

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

You can click on the arrows next to the breadcrumb elements to quickly navigate to sibling and children pages.

# Need help?

If you need help with XWiki you can contact:

- Community Support
- Professional Support