color picker in grid style settings

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Rollo 4 posts 94 karma points

Nov 18, 2019 @ 15:45
0

Color picker in grid style settings
Is there any way to use the Approved Color data type in the grid style? I assume you should be able to use it the same way that you use the Media Picker?

Something like this:
```
[
  {
    "label": "Background color",
    "description": "Choose a background color",
    "key": "background-color",
    "view": "colorpicker",
    "applyTo": "cell",
    "prevalues": [
      "#119D65",
      "#53B3AE"
    ]
  }
]
```
It doesnt return an error, the editor still doesn't appear in my grid settings however. Am I missing something?
Copy Link

Amir Khan 1199 posts 2567 karma points

Nov 18, 2019 @ 19:11

This package helps a lot: https://github.com/jamiepollock/Umbraco-Grid-Settings

Then you can do this in the grid config

[
  {
    "label": "Set background color",
    "description": "Set the row background color",
    "key": "class4",
    "view": "/App_Plugins/Our.Umbraco.GridSettings/editors/ColorPicker/view.html",
    "prevalues": [
      {
        "label": "color-primary",
        "value": "23265A"
      },
      {
        "label": "color-tertiary",
        "value": "034EA2"
      }
    ],
    "modifier": "background-color-{0}"
  }
]

Copy Link

Rollo 4 posts 94 karma points

Nov 19, 2019 @ 09:49

0

Thanks Amir, but that package downgraded my entire web project to v 7.5.4. I'm on 8.3.0 currently and everything became no bueno.

Copy Link
Rollo 4 posts 94 karma points

Nov 19, 2019 @ 12:22
100
An update:

It was an overlook on my part. My code states:
```
"applyTo": "cell",
```
and I tried to apply it to a column...
Copy Link
Amir Khan 1199 posts 2567 karma points

Nov 19, 2019 @ 14:32

0

Ah. So you're good to go then?

Copy Link
Rollo 4 posts 94 karma points

Nov 19, 2019 @ 15:13

0

Yep!

Copy Link
is working on a reply...

This forum is in read-only mode while we transition to the new forum.

You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies

Flag this post as spam?

Color picker in grid style settings