How to pass options to a field in code

Support
1

I’m working on a custom component and I use existing fields. (based on date-range object)
However, I can’t seem to pass options.

The height stays the default height of 300px and it doesn’t change to 600.

If I add an object field to a collection I can give it a height of 600 (height is part of the options), but I can’t do this within the code.

What I tried inline:
<field-object opts="{ 'height':'600px' }"></field-object>

And putting the json in ascript
<field-object opts="{ test }"></field-object>

<script>
var $this = this;

this.test = {"height": "600px"}
</script>

Here the whole code:

@raffaelj Do you have an idea?

2

I found the solution. I had to use cp-field with a field type in order to make use of the options it seems.

Option 1:

<cp-fieldcontainer>
     <cp-field type="object" opts="{ { 'height': '600px' } }" bind="value.bla"></cp-field>
</cp-fieldcontainer>

Option 2:

<script>
    var $this = this;

    this.test = { 
      'height': '600px'
    };       
</script>

<cp-fieldcontainer>
  <cp-field type="object" opts="{ test }" bind="value.bla"></cp-field>
</cp-fieldcontainer>