We've got the following simplified template code
This does work fine for the first row, but if a row is added the controls are all disabled.
Now if I select the first option again (which causes all type controls to be hidden) and then re-select the second option, all controls are enabled but if the next row is added by the field-adder, the controls in this new row are disabled once again - this repeats for every row that does get added.
Does anyone have an idea on how to get this working properly (apart from extending the disabler to react on newly added fields)?
Code:
<xf:radiorow>
<xf:option />
<xf:option data-xf-init="disabler" data-container=".js-hiderContainerType-1" data-hide="yes" />
</xf:radiorow>
<div class="js-hiderContainerType-1">
<xf:formrow>
<div>
<div
data-xf-init="field-adder"
data-remaining="X"
data-increment-format="name_{counter}">
<xf:textboxrow name="textbox_name_{$counter}_label" />
<xf:radiorow name="radio_name_{$counter}_type" />
</div>
</div>
</xf:formrow>
</div>
This does work fine for the first row, but if a row is added the controls are all disabled.
Now if I select the first option again (which causes all type controls to be hidden) and then re-select the second option, all controls are enabled but if the next row is added by the field-adder, the controls in this new row are disabled once again - this repeats for every row that does get added.
Does anyone have an idea on how to get this working properly (apart from extending the disabler to react on newly added fields)?