Wappler Version : 4.0.4
Operating System : Windows 10
Server Model: nodejs bootstrap 5
Hosting Type: local
Expected behavior
What do you think should happen?
When I add an input form group (vertical or horizontal) that the form group is shown in app structure
This seems similar issue to bootstrap rows disappearing from app structure when bottom margin is applied as has been reported before in other posts
Actual behavior
What actually happens?
All I see in app structure is a label and column
How to reproduce
I have added the following 2 controls in a form: a text input, and a select drop down input
This is what I see in app structure
This is the associated code
<p>Enter your content here</p>
<div class="mb-3 row">
<label for="input1" class="col-sm-2 col-form-label">Some text</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="input1" name="input1" aria-describedby="input1_help" placeholder="Enter some text">
<small id="input1_help" class="form-text text-muted">Your input is very valuable.</small>
</div>
</div>
<p>Enter your content here</p>
<div class="mb-3 row">
<label for="select1" class="col-sm-2 col-form-label">Select</label>
<div class="col-sm-10">
<select id="select1" class="form-select">
<option value="1">Option One</option>
<option value="2">Option Two</option>
<option value="3">Option Three</option>
</select>
<small id="select1Help" class="form-text text-muted">Enter a help text for your select.</small>
</div>
</div>