Warning: You are browsing the documentation from version 4 to 10 of Pimcore. Please visit https://pimcore.com/docs/platform/ for the latest versions of Pimcore.
Version: Edit on GitHub

Select Editable

General

The select editable generates select-box component in Editmode.

Configuration

Name Type Description
store array Key/Value pairs for the available options.
reload bool Set true to reload the page in editmode after selecting an item
width integer Width of the select box in pixel
class string A CSS class that is added to the surrounding container of this element in editmode
defaultValue string A default value for the available options. Note: This value needs to be saved before calling getData() or use setDataFromResource().
required boolean (default: false) set to true to make field value required for publish

Methods

Name Return Description
getData() string Value of the select, this is useful to get the value even in editmode
isEmpty() bool Whether the editable is empty or not.

Examples

Basic Usage

The code below shows a select box in editmode, in the frontend preview you will see simply the value of the chosen option.

{% if editmode %}
    {{ pimcore_select("valid_for", {
            "store": [
                ["one-month", "One month"],
                ["three-months", "Three months"],
                ["unlimited", "Unlimited"]
            ],
            "defaultValue" : "unlimited"
        }) }}
{% else %}
    <p>
        {{ "Something is valid for" | trans }}:{{ pimcore_select("valid_for").getData() | trans  }}
    </p>
{% endif %}

Editmode: Select editable in editmode

Frontend: Select editable in frontend

Preselect the option

You can preselect an option in your select editable by using setDataFromResource()

{% if editmode %}
    {% if pimcore_select('valid_for').isEmpty() %}
        {% do pimcore_select('valid_for').setDataFromResource('unlimited') %}
    {% endif %}
    
    ...
    
{% endif %}