update renders

formio · Dec 17, 2024 · 6595453 · 6595453
1 parent 99003c8
commit 6595453
Show file tree

Hide file tree

Showing 9 changed files with 108 additions and 92 deletions.
diff --git a/test/renders/component-bootstrap-datagrid-multiple.html b/test/renders/component-bootstrap-datagrid-multiple.html
@@ -6,8 +6,8 @@
     ">
     <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
       <tr ref="datagrid-dataGrid-row">
-        <td class="col-1">
-          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+        <td>
+          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
             <i class="fa fa-remove-circle bi bi-x-circle"></i>
           </button>
         </td>

diff --git a/test/renders/component-bootstrap-datagrid-required.html b/test/renders/component-bootstrap-datagrid-required.html
@@ -6,8 +6,8 @@
     ">
     <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
       <tr ref="datagrid-dataGrid-row">
-        <td class="col-1">
-          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+        <td>
+          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
             <i class="fa fa-remove-circle bi bi-x-circle"></i>
           </button>
         </td>

diff --git a/test/renders/component-bootstrap-datagrid.html b/test/renders/component-bootstrap-datagrid.html
@@ -6,8 +6,8 @@
     ">
     <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
       <tr ref="datagrid-dataGrid-row">
-        <td class="col-1">
-          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+        <td>
+          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
             <i class="fa fa-remove-circle bi bi-x-circle"></i>
           </button>
         </td>

diff --git a/test/renders/form-bootstrap-calculateValueWithManualOverride.html b/test/renders/form-bootstrap-calculateValueWithManualOverride.html
@@ -65,8 +65,8 @@
                       <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
                     </div>
                   </td>
-                  <td class="col-1">
-                    <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+                  <td>
+                    <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                       <i class="fa fa-remove-circle bi bi-x-circle"></i>
                     </button>
                   </td>

diff --git a/test/renders/form-bootstrap-data.html b/test/renders/form-bootstrap-data.html
@@ -199,8 +199,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid2-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid2-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>
@@ -253,8 +253,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-conditionalDataGrid-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-conditionalDataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>

diff --git a/test/renders/form-bootstrap-defaults.html b/test/renders/form-bootstrap-defaults.html
@@ -426,8 +426,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>

diff --git a/test/renders/form-bootstrap-formWithCustomFormatDate.html b/test/renders/form-bootstrap-formWithCustomFormatDate.html
@@ -64,8 +64,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>

diff --git a/test/renders/form-bootstrap-modalEditComponents.html b/test/renders/form-bootstrap-modalEditComponents.html
@@ -7,15 +7,17 @@
         <div class="formio-dialog-content" aria-labelledby="ml-checkbox-checkbox" role="dialog" ref="modalContents">
           <label class="visually-hidden" id="ml-checkbox-checkbox">Checkbox</label>
           <button class="formio-dialog-close float-end btn btn-secondary btn-sm" aria-label="Close button. Click to get back to the form" ref="modalClose"></button>
-          <div ref="modalContents">
-            <div id="checkbox" class="mb-2 formio-form-group has-feedback formio-component formio-component-checkbox formio-component-checkbox " ref="component">
-              <div class="form-check checkbox">
-                <input ref="input" id="checkbox-checkbox" aria-labelledby="l-checkbox-checkbox" name="data[checkbox]" type="checkbox" class="form-check-input" lang="en" value="0" aria-required="false">
-                <label class=" form-check-label" for="checkbox-checkbox" id="l-checkbox-checkbox">
-                  <span>Checkbox</span>
-                </label>
+          <div ref="modalContent">
+            <div ref="componentContent">
+              <div id="checkbox" class="mb-2 formio-form-group has-feedback formio-component formio-component-checkbox formio-component-checkbox " ref="component">
+                <div class="form-check checkbox">
+                  <input ref="input" id="checkbox-checkbox" aria-labelledby="l-checkbox-checkbox" name="data[checkbox]" type="checkbox" class="form-check-input" lang="en" value="0" aria-required="false">
+                  <label class=" form-check-label" for="checkbox-checkbox" id="l-checkbox-checkbox">
+                    <span>Checkbox</span>
+                  </label>
+                </div>
+                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
-              <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
             </div>
             <div class="formio-dialog-buttons">
               <button class="btn btn-success formio-dialog-button" ref="modalSave" aria-label="Save button. Click to save the changes and get back to the form.">Save</button>
@@ -32,15 +34,17 @@
         <div class="formio-dialog-content" aria-labelledby="ml-textfield-textfield" role="dialog" ref="modalContents">
           <label class="visually-hidden" id="ml-textfield-textfield">TextField</label>
           <button class="formio-dialog-close float-end btn btn-secondary btn-sm" aria-label="Close button. Click to get back to the form" ref="modalClose"></button>
-          <div ref="modalContents">
-            <div id="textfield" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-textfield " ref="component">
-              <label ref="label" class="col-form-label " for="textfield-textfield" id="l-textfield-textfield">
-                TextField
-              </label>
-              <div ref="element">
-                <input ref="input" name="data[textfield]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="textfield-textfield" aria-labelledby="l-textfield-textfield " aria-required="false"></input>
+          <div ref="modalContent">
+            <div ref="componentContent">
+              <div id="textfield" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-textfield " ref="component">
+                <label ref="label" class="col-form-label " for="textfield-textfield" id="l-textfield-textfield">
+                  TextField
+                </label>
+                <div ref="element">
+                  <input ref="input" name="data[textfield]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="textfield-textfield" aria-labelledby="l-textfield-textfield " aria-required="false"></input>
+                </div>
+                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
-              <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
             </div>
             <div class="formio-dialog-buttons">
               <button class="btn btn-success formio-dialog-button" ref="modalSave" aria-label="Save button. Click to save the changes and get back to the form.">Save</button>
@@ -57,22 +61,24 @@
         <div class="formio-dialog-content" aria-labelledby="ml-selectBoxes-selectBoxes" role="dialog" ref="modalContents">
           <label class="visually-hidden" id="ml-selectBoxes-selectBoxes">Select Boxes</label>
           <button class="formio-dialog-close float-end btn btn-secondary btn-sm" aria-label="Close button. Click to get back to the form" ref="modalClose"></button>
-          <div ref="modalContents">
-            <div id="selectBoxes" class="mb-2 formio-form-group has-feedback formio-component formio-component-selectboxes formio-component-selectBoxes " ref="component">
-              <label ref="label" class="col-form-label " for="selectBoxes-selectBoxes" id="l-selectBoxes-selectBoxes">
-                Select Boxes
-              </label>
-              <div class="form-radio radio" ref="radioGroup" role="group" aria-required="false" aria-labelledby="l-selectBoxes-selectBoxes">
-                <div class="checkbox  form-check" ref="wrapper">
-                  <input ref="input" name="data[selectBoxes][]" type="checkbox" class="form-check-input" lang="en" value="a" id="-selectBoxes--a" role="checkbox">
-                  <label class="form-check-label label-position-right" for="-selectBoxes--a"><span>a</span></label>
-                </div>
-                <div class="checkbox  form-check" ref="wrapper">
-                  <input ref="input" name="data[selectBoxes][]" type="checkbox" class="form-check-input" lang="en" value="b" id="-selectBoxes--b" role="checkbox">
-                  <label class="form-check-label label-position-right" for="-selectBoxes--b"><span>b</span></label>
+          <div ref="modalContent">
+            <div ref="componentContent">
+              <div id="selectBoxes" class="mb-2 formio-form-group has-feedback formio-component formio-component-selectboxes formio-component-selectBoxes " ref="component">
+                <label ref="label" class="col-form-label " for="selectBoxes-selectBoxes" id="l-selectBoxes-selectBoxes">
+                  Select Boxes
+                </label>
+                <div class="form-radio radio" ref="radioGroup" role="group" aria-required="false" aria-labelledby="l-selectBoxes-selectBoxes">
+                  <div class="checkbox  form-check" ref="wrapper">
+                    <input ref="input" name="data[selectBoxes][]" type="checkbox" class="form-check-input" lang="en" value="a" id="-selectBoxes--a" role="checkbox">
+                    <label class="form-check-label label-position-right" for="-selectBoxes--a"><span>a</span></label>
+                  </div>
+                  <div class="checkbox  form-check" ref="wrapper">
+                    <input ref="input" name="data[selectBoxes][]" type="checkbox" class="form-check-input" lang="en" value="b" id="-selectBoxes--b" role="checkbox">
+                    <label class="form-check-label label-position-right" for="-selectBoxes--b"><span>b</span></label>
+                  </div>
                 </div>
+                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
-              <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
             </div>
             <div class="formio-dialog-buttons">
               <button class="btn btn-success formio-dialog-button" ref="modalSave" aria-label="Save button. Click to save the changes and get back to the form.">Save</button>
@@ -89,14 +95,16 @@
         <div class="formio-dialog-content" aria-labelledby="ml-select-select" role="dialog" ref="modalContents">
           <label class="visually-hidden" id="ml-select-select">Select</label>
           <button class="formio-dialog-close float-end btn btn-secondary btn-sm" aria-label="Close button. Click to get back to the form" ref="modalClose"></button>
-          <div ref="modalContents">
-            <div id="select" class="mb-2 formio-form-group has-feedback formio-component formio-component-select formio-component-select " ref="component">
-              <label ref="label" class="col-form-label " for="select-select" id="l-select-select">
-                Select
-              </label>
-              <select ref="selectContainer" name="data[select]" type="text" class="form-control" lang="en" id="select-select" aria-required="false"></select>
-              <input type="text" class="formio-select-autocomplete-input" ref="autocompleteInput" tabindex="-1" aria-label="autocomplete" />
-              <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
+          <div ref="modalContent">
+            <div ref="componentContent">
+              <div id="select" class="mb-2 formio-form-group has-feedback formio-component formio-component-select formio-component-select " ref="component">
+                <label ref="label" class="col-form-label " for="select-select" id="l-select-select">
+                  Select
+                </label>
+                <select ref="selectContainer" name="data[select]" type="text" class="form-control" lang="en" id="select-select" aria-required="false"></select>
+                <input type="text" class="formio-select-autocomplete-input" ref="autocompleteInput" tabindex="-1" aria-label="autocomplete" />
+                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
+              </div>
             </div>
             <div class="formio-dialog-buttons">
               <button class="btn btn-success formio-dialog-button" ref="modalSave" aria-label="Save button. Click to save the changes and get back to the form.">Save</button>