#43 changes to render collection inputs inline when form layout is in…

…line
shivam091 · Jun 17, 2023 · d3cfa1a · d3cfa1a
1 parent 0f10b94
commit d3cfa1a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/lib/rails_bootstrap_form/inputs/base.rb b/lib/rails_bootstrap_form/inputs/base.rb
@@ -17,7 +17,7 @@ def inputs_collection(attribute, collection, value_method, text_method, bootstra
             input_options = {
               bootstrap: {
                 label_text: text_method.respond_to?(:call) ? text_method.call(object) : object.send(text_method),
-                inline: bootstrap.inline?
+                inline: (bootstrap.inline? || bootstrap.layout_inline?) 
               },
               required: false,
               id: sanitized_tag_name(attribute, value)

diff --git a/spec/rails_bootstrap_form/inputs/collection_check_boxes_spec.rb b/spec/rails_bootstrap_form/inputs/collection_check_boxes_spec.rb
@@ -101,43 +101,43 @@
           <label class="form-label visually-hidden required" for="user_skill_ids">Skills</label>
           <div class="rails-bootstrap-forms-collection-check-boxes">
             <input value="" multiple="multiple" autocomplete="off" type="hidden" name="user[skill_ids][]" id="user_skill_ids" />
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_1" class="form-check-input" type="checkbox" value="1" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_1">Communication</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_2" class="form-check-input" type="checkbox" value="2" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_2">Problem Solving</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_3" class="form-check-input" type="checkbox" value="3" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_3">Leadership</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_4" class="form-check-input" type="checkbox" value="4" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_4">Writing</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_5" class="form-check-input" type="checkbox" value="5" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_5">Creativity</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_6" class="form-check-input" type="checkbox" value="6" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_6">Time Management</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_7" class="form-check-input" type="checkbox" value="7" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_7">Team Work</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_8" class="form-check-input" type="checkbox" value="8" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_8">Negotiation</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_9" class="form-check-input" type="checkbox" value="9" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_9">Decision Making</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_skill_ids_10" class="form-check-input" type="checkbox" value="10" name="user[skill_ids][]" />
               <label class="form-check-label" for="user_skill_ids_10">Management</label>
             </div>

diff --git a/spec/rails_bootstrap_form/inputs/collection_radio_buttons_spec.rb b/spec/rails_bootstrap_form/inputs/collection_radio_buttons_spec.rb
@@ -63,19 +63,19 @@
         <div class="col-12">
           <label class="form-label visually-hidden required" for="user_fruit_id">Favorite fruit</label>
           <div class="rails-bootstrap-forms-collection-radio-buttons">
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_fruit_id_1" class="form-check-input" type="radio" value="1" name="user[fruit_id]" />
               <label class="form-check-label" for="user_fruit_id_1">Mango</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_fruit_id_2" class="form-check-input" type="radio" value="2" name="user[fruit_id]" />
               <label class="form-check-label" for="user_fruit_id_2">Apple</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_fruit_id_3" class="form-check-input" type="radio" value="3" name="user[fruit_id]" />
               <label class="form-check-label" for="user_fruit_id_3">Orange</label>
             </div>
-            <div class="form-check">
+            <div class="form-check form-check-inline">
               <input id="user_fruit_id_4" class="form-check-input" type="radio" value="4" name="user[fruit_id]" />
               <label class="form-check-label" for="user_fruit_id_4">Watermelon</label>
             </div>