Wappler Version : 3.6.1
Operating System : Big Sur
Server Model: PHP
Database Type: MySQL
Hosting Type: AWS/Docker
Expected behavior
What do you think should happen?
A check box should be correctly created in its own form row and column.
Actual behavior
What actually happens?
Using the BS4 generator for a form that includes a checkbox (in my case within a modal), causes the form row and column to not close (missing two </div>
tags for each input:
prooduces:
(footer buttons should be at bottom)
Code produced:
<form is="dmx-serverconnect-form" id="form1" method="post" action="dmxConnect/api/news/news_upditem.php" dmx-generator="bootstrap4" dmx-form-type="vertical">
<div class="form-row">
<div class="col">
<div class="form-group">
<label for="inp_itemtitle">Title</label>
<input type="text" class="form-control" id="inp_itemtitle" name="itemtitle" aria-describedby="inp_itemtitle_help" placeholder="Enter Title">
</div>
</div>
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
<legend class="col-sm-2 col-form-label">Pinned to top?</legend>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="inp_itempinned" name="itempinned">
<label class="form-check-label" for="inp_itempinned">Pinned to top?</label>
</div>
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
<label for="inp_itemavailfrom">Available From</label>
<input type="date" class="form-control" id="inp_itemavailfrom" name="itemavailfrom" aria-describedby="inp_itemavailfrom_help" placeholder="Enter Available From">
</div>
</div>
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
<label for="inp_itemavailto">Available To</label>
<input type="date" class="form-control" id="inp_itemavailto" name="itemavailto" aria-describedby="inp_itemavailto_help" placeholder="Enter Available To">
</div>
</div>
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
<label for="inp_itembody">Article Body</label>
<textarea id="inp_itembody" name="itembody" class="form-control"></textarea>
</div>
</div>
</div>
</form>
The ‘pinned to top’ checkbox form row and column are not closed
How to reproduce
Create a form that includes a checkbox, use vertical and enable form rows.