Drawing custom elements instead of combo's label

Webix JS
1

I’d like to draw 2 checkboxes (each with own label) into the space normally reserved to combo field’s label without increasing the height of the other fields of the same row (see snippet: fields “Director” end “Movie”).

https://snippet.webix.com/wkn2remv

What’s the best way to do that?

2

Hello @1be ,

Inputs which are on the left and right side can be expanded because of the layout
You can create a separate label view instead of using label property in the text view as

cols:[
        {
          rows:[
            { view:"label", label:"Director"}, 
            { view:"text", name:"director", labelPosition: "top" },
          ]
        },
        { ...

Please check the sample: https://snippet.webix.com/67z6fusb

3

I really hate this solution for 2 reasons:

  1. The “Director” label is not connected to the related “director” text field. I should also handle the onclick event to give focus to the text field.
  2. To solve a central column layout problem I would have to work on all other columns.

Is there no other way?

4

As another way, you can use spacer {}
https://snippet.webix.com/nfffml0u