https://github.com/sebobo/shel.neos.rangeeditor

https://github.com/sebobo/shel.neos.rangeeditor

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/sebobo/shel.neos.rangeeditor
• Owner: Sebobo
• License: gpl-3.0
• Created: 2021-09-27T15:58:55.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-09-06T12:20:40.000Z (over 3 years ago)
• Last Synced: 2025-03-22T14:16:56.895Z (about 1 year ago)
• Language: TypeScript
• Homepage:
• Size: 193 KB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: FUNDING.yml
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
# Numeric range editor for Neos CMS

[![Latest Stable Version](https://poser.pugx.org/shel/neos-rangeeditor/v/stable)](https://packagist.org/packages/shel/neos-rangeeditor)

[![Total Downloads](https://poser.pugx.org/shel/neos-rangeeditor/downloads)](https://packagist.org/packages/shel/neos-rangeeditor)

[![License](https://poser.pugx.org/shel/neos-rangeeditor/license)](https://packagist.org/packages/shel/neos-rangeeditor)

## Introduction

This package provides a numeric range editor for the Neos CMS UI.

The minimum, maximum and step size can be defined and additionally to make it easier for editors a unit label.

If a certain value should be entered the current value can also be clicked to enter the desired value directly.

⚠️ This plugin is only meant for Neos versions before 7. It has been converted into a [core feature](https://neos.readthedocs.io/en/stable/References/PropertyEditorReference.html#property-type-string-integer-rangeeditor-range-editor-for-selecting-numeric-values) since.

## Example

![Range editor in Neos CMS sidebar](Documentation/RangeEditorExample.png)

## Installation

Run this in your site package

    composer require --no-update shel/neos-rangeeditor

Then run `composer update` in your project directory.

## How to use

Add a property of type string and configure the editor as seen in this example:

    'My.Site:Content.Text':

      superTypes:

        'Neos.Neos:Content': true

      ui:

        label: 'My text content'

      properties:

        textColor:

          type: string

          ui:

            label: 'Text color'

            reloadIfChanged: true

            inspector:

              group: 'text'

              editor: 'Shel.Neos.RangeEditor/RangeEditor'

              editorOptions:

                min: 0

                max: 100

                step: 5

                unit: 'px'

## Contributions

Contributions are very welcome!

Please create detailed issues and PRs.

## Thx to the sponsor

The initial development of this package was sponsored by [Code Q Web Factory](https://codeq.at/).