The new color field without # as value

Kirby 4 Question❓
1

Hi,

Currently updating to v4 and looking at the new color field. Nice!

One issue though is that the color fields I created for v3 didn’t have the actual # in the value.

border-color
border-color2584×660 73.3 KB

Question is, is it possible to exclude the # from the new color field? And use # as a prefix again. This would make life easier migrating to the new field. Otherwise all color fields will need to manually be updated or something.

Best,
Johan

2

Not without changing how the field works, because of how Kirby validates the saved field values.

3

What is the code for the output?
Isn’t it a better way to remove the # character in the output and use the new core features of Kirby?

4

Here’s an example of what I’m currently using:

custom:
  before: #
  label: Custom
  pattern: ^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$
  type: text

<?php if ($backgroundPageColor->custom()->isNotEmpty()): ?>
main.bg-color-custom {
  background: #<?= $backgroundPageColor->custom() ?>;
}
<?php endif ?>

There are two issues:

  1. Panel: current values will have to be updated since they don’t include the #
  2. Need to remove the # from the output

The first issue is the most annoying one.

5

Updating the pages should be pretty straightforward via a little script.