Adjustment of icon picker
See original GitHub issueDescribe the solution you’d like
I noticed in Icon Picker it has the following markup. https://github.com/leekelleher/umbraco-contentment/blob/master/src/Umbraco.Community.Contentment/DataEditors/IconPicker/icon-picker.html#L16-L21
You might want to replace this with <umb-file-icon>
component instead unless you are supporting older Umbraco v8 versions:
https://github.com/umbraco/Umbraco-CMS/blob/v8/contrib/src/Umbraco.Web.UI.Client/src/common/directives/components/umbfileicon.directive.js
It could be replaced with the following:
<umb-file-icon
icon="{{model.value}}"
text="{{vm.label}}"
size="s">
</umb-file-icon>
Issue Analytics
- State:
- Created 3 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Icon Picker - Configuration
Provide content editors a field to pick icons from SVGs, SVG Sprites and Icon Fonts.
Read more >Icon Picker - Craft Plugin Store
Provides a searchable, intuitive UI for selecting icons. Supports single SVGs, SVG sprites, and icon fonts. Support for multiple folders to keep your...
Read more >Using the Icon Picker | Gantry Documentation
The Icon Picker is a Gantry 5 input. If you want to add it to your theme or particle, you would do so...
Read more >How To Use An Icon Picker In Styles | Acquia Cohesion Docs
Raise a support ticket ... To raise a ticket, sign into Acquia Cloud and select Help in the top menu. Raise support ticket....
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@leekelleher it was introduced in v8.4.0 😁 https://github.com/umbraco/Umbraco-CMS/pull/6293
@leekelleher okay, I would probably just split the icon name and color classes and use only the icon name as text and the color class in the styling, e.g. something like this: https://github.com/umbraco/Umbraco-CMS/blob/v8/contrib/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts.prevalues.controller.js#L62-L63
https://github.com/leekelleher/umbraco-contentment/blob/develop/docs/editors/icon-picker.md