{% set veditor = attribute(slider.settings, '__veditor__') %}
{% set v = attribute(veditor, '.bx-viewport') %}

<div class="rs-veditor-group">
    <label>{{ translate('Border style:') }}</label>
    <select name="[_veditor_][border_style]" class="rs-veditor-input" data-selector=".bx-viewport" data-prop="border-style">
        <option value="none" {% if attribute(v, 'border-style')|default('none') == 'none' %}selected="selected"{% endif %}>
            {{ translate('None') }}
        </option>
        <option value="solid" {% if attribute(v, 'border-style')|default('none') == 'solid' %}selected="selected"{% endif %}>
            {{ translate('Solid') }}
        </option>
        <option value="dashed" {% if attribute(v, 'border-style')|default('none') == 'dashed' %}selected="selected"{% endif %}>
            {{ translate('Dashed') }}
        </option>
    </select>
</div>

<div class="rs-veditor-group">
    <label>{{ translate('Border width:') }}</label>
    <input
        data-selector=".bx-viewport"
        data-prop="border-width"
        type="text"
        class="rs-veditor-input"
        value="{{ attribute(v, 'border-width')|default(4) }}"
     />
</div>

<div class="rs-veditor-group">
    <label>{{ translate('Border color:') }}</label>
    <input
        data-selector=".bx-viewport"
        data-prop="border-color"
        type="text"
        class="rs-veditor-input rs-veditor-colorpicker"
        value="{{ attribute(v, 'border-color')|default('#000000') }}"
     />
</div>