Multiple Selection In Inspector

[Fractal393]

Introduction

I have used the multiple selection as present in the documentation. But in order to select multiple options I have to hold down ctrl and select them. Is there a way where i can use checkboxes so it's easy for the users?

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS+

[kumilingus]

You can render a checkbox next to an element as shown in this example: https://codepen.io/jointjs/pen/abQyLew

[Fractal393]

I want to use it for the inspector not the stencil. Basically every element has a property called list. Now this list variable is shown in the inspector with respect to a dropdown. This dropdown is a multi-select where I have to hold down Ctrl to do it. I need checkboxes instead is it possible?

[kumilingus]

Ok, sorry, I didn't read your question properly 🤦

You can use select-button-group:

workdays: {
    type: 'select-button-group',
    options: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
    multi: true,
}

Or define a custom field: https://resources.jointjs.com/docs/rappid/v4.0/ui.Inspector.html#ui.Inspector.custom-fields

[Fractal393]

Thank You!