https://github.com/marteinn/wagtail-color-panel

A package that adds new panels for selecting colors, works both on regular page fields and stream field.
https://github.com/marteinn/wagtail-color-panel

input-color wagtail

Last synced: 30 days ago
JSON representation

A package that adds new panels for selecting colors, works both on regular page fields and stream field.

• Host: GitHub
• URL: https://github.com/marteinn/wagtail-color-panel
• Owner: marteinn
• License: mit
• Created: 2020-07-29T08:17:56.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2025-01-26T07:56:41.000Z (3 months ago)
• Last Synced: 2025-03-29T02:02:17.911Z (about 1 month ago)
• Topics: input-color, wagtail
• Language: Python
• Homepage:
• Size: 645 KB
• Stars: 53
• Watchers: 2
• Forks: 11
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-wagtail - wagtail-color-panel - Introduces panels for selecting colors in Wagtail. (Apps / Widgets)

README

        
[![Test and publish](https://github.com/marteinn/wagtail-color-panel/actions/workflows/main.yml/badge.svg)](https://github.com/marteinn/wagtail-color-panel/actions/workflows/main.yml) [![PyPI version](https://badge.fury.io/py/wagtail-color-panel.svg)](https://badge.fury.io/py/wagtail-color-panel)

# Wagtail-Color-Panel

Introduces panels for selecting colors in Wagtail.

![Screen1](https://raw.githubusercontent.com/marteinn/wagtail-color-panel/develop/img/img-in-streamfield.png)

## Features

- NativeColorPanel that can be used in your edit handler

- NativeColorBlock for usage in a StreamField

- Based on the native HTML5 color picker

- A custom db field for improved validation

- PolyfillColorPanel for cases that require IE11 support (built on [Spectrum](https://github.com/bgrins/spectrum))

## Example

```python

from wagtail.models import Page

from wagtail_color_panel.fields import ColorField

from wagtail_color_panel.edit_handlers import NativeColorPanel

class MyPage(Page):

    color = ColorField()

    content_panels = Page.content_panels + [

        NativeColorPanel('color'),

    ]

```

## Documentation

- [Getting started](./docs/1_getting_started.md)

- [Adding panel to a Page](./docs/2_adding_to_a_page.md)

- [Adding to a StreamField](./docs/3_adding_to_a_streamfield.md)

- [Reference](./docs/4_reference.md)

## Contributing

Want to contribute? Awesome. Just send a pull request.

## License

Wagtail-Color-Panel is released under the [MIT License](http://www.opensource.org/licenses/MIT).