Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Adjustment of icon picker

See original GitHub issue

Describe 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 GitHub Comments

1reaction

bjarnefcommented, Nov 30, 2020

@leekelleher it was introduced in v8.4.0 😁 https://github.com/umbraco/Umbraco-CMS/pull/6293

0reactions

bjarnefcommented, Dec 3, 2020

@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

Top Results From Across the Web

Icon Picker - Configuration

Provide content editors a field to pick icons from SVGs, SVG Sprites and Icon Fonts.

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

Icon picker

The setting field type Icon Picker.

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

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