Wappler Version : 6.7.2
Operating System : Windows 11 x64
Server Model: NodeJS
Database Type: PostgreSQL
Hosting Type: Docker
Working scenario:
- Radio group with set value
- Radio value is set with static value
- When page load - radio that holds the value from radio group - is selected
- Group value is set and can be "seen" from other Wappler component
<div class="container">
<div class="row">
<div class="col-12">
<input id="text1" name="text1" type="text" class="form-control" dmx-bind:value="group1.value">
</div>
<div class="col-12">
<div is="dmx-radio-group" id="group1" class="radio-group" dmx-bind:value="2">
<input id="radio1" name="radio" type="radio" value="1">
<input id="radio2" name="radio" type="radio" value="2">
<input id="radio3" name="radio" type="radio" value="3">
</div>
</div>
</div>
</div>
Not-Working scenario:
- Radio group with set value
- Radio value is set with Dynamic Attribute - Value (dmx-bind:value)
- When page load - none of the radio is selected
- Group value is not set (probably) and can't be seen from other Wappler components
<div class="container">
<div class="row">
<div class="col-12">
<input id="text1" name="text1" type="text" class="form-control" dmx-bind:value="group1.value">
</div>
<div class="col-12">
<div is="dmx-radio-group" id="group1" class="radio-group" dmx-bind:value="2">
<input id="radio1" name="radio" type="radio" dmx-bind:value="1">
<input id="radio2" name="radio" type="radio" dmx-bind:value="2">
<input id="radio3" name="radio" type="radio" dmx-bind:value="3">
</div>
</div>
</div>
</div>
P.S.
Feel free to rename the topic name