All Projects → marteinn → wagtail-color-panel

marteinn / wagtail-color-panel

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

Programming Languages

python
139335 projects - #7 most used programming language
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to wagtail-color-panel

wagtail-import-export
UNMAINTAINED. Try wagtail-transfer, the evolution of this package: https://github.com/wagtail/wagtail-transfer/
Stars: ✭ 31 (+6.9%)
Mutual labels:  wagtail
wagtailgridder
Wagtail Gridder is a Bootstrap 4 enabled layout for the Wagtail CMS. Grid Items are created within categories, and displayed on a Grid Index Page. The JavaScript libraries Gridder and MixItUp are included.
Stars: ✭ 59 (+103.45%)
Mutual labels:  wagtail
wagtail-pg-search-backend
PostgreSQL full text search backend for Wagtail CMS
Stars: ✭ 22 (-24.14%)
Mutual labels:  wagtail
gatsby-source-wagtail
Plugin for sourcing Gatsby data from Wagtail CMS
Stars: ✭ 16 (-44.83%)
Mutual labels:  wagtail
wagtail-cache
A simple page cache for Wagtail based on the Django cache middleware.
Stars: ✭ 63 (+117.24%)
Mutual labels:  wagtail
draftjs-filters
Filter Draft.js content to preserve only the formatting you allow
Stars: ✭ 53 (+82.76%)
Mutual labels:  wagtail
wagtail-filepreviews
Extend Wagtail's Documents with image previews and metadata from FilePreviews
Stars: ✭ 21 (-27.59%)
Mutual labels:  wagtail
wagtail-inventory
Search Wagtail pages by the StreamField blocks they contain
Stars: ✭ 45 (+55.17%)
Mutual labels:  wagtail
react-streamfield
Powerful field for inserting multiple blocks with nesting. (NO LONGER MAINTAINED - See Wagtail 2.13 Release Notes)
Stars: ✭ 34 (+17.24%)
Mutual labels:  wagtail
pari
Django/Wagtail based PARI webapp
Stars: ✭ 32 (+10.34%)
Mutual labels:  wagtail
wagtail-simple-gallery
A simple gallery app for Wagtail. https://pypi.org/project/wagtail-simple-gallery/
Stars: ✭ 41 (+41.38%)
Mutual labels:  wagtail
localore
Wagtail-based CMS and Ansible playbooks for Localore: Finding America
Stars: ✭ 16 (-44.83%)
Mutual labels:  wagtail
wagtailcolumnblocks
Streamfield columns for Wagtail
Stars: ✭ 38 (+31.03%)
Mutual labels:  wagtail
wagtail-react-project
Wagtail template with a React/Redux frontend.
Stars: ✭ 25 (-13.79%)
Mutual labels:  wagtail
wagtailyoast
Wagtail + Yoast
Stars: ✭ 22 (-24.14%)
Mutual labels:  wagtail
wagtailmodelchoosers
A Wagtail app to pick generic models (rather than snippets or pages)
Stars: ✭ 23 (-20.69%)
Mutual labels:  wagtail
wagtailmath
Beautiful equations in your StreamField content
Stars: ✭ 27 (-6.9%)
Mutual labels:  wagtail
pipeline
The Polytechnic's content management system
Stars: ✭ 17 (-41.38%)
Mutual labels:  wagtail
wagtail textract
Text extraction for Wagtail document search
Stars: ✭ 27 (-6.9%)
Mutual labels:  wagtail
Django-wagtailmedium
A Medium Editor integration for the Wagtail CMS.
Stars: ✭ 17 (-41.38%)
Mutual labels:  wagtail

Test and publish PyPI version

Wagtail-Color-Panel

Introduces panels for selecting colors in Wagtail.

Screen1

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)

Example

from wagtail.core.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

Contributing

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

License

Wagtail-Color-Panel is released under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].