0

I'm trying to figure out how to hide a nested_form on my page. I know how to do hidden fields, but I know that also takes up space on the page still. How would I get it so that the whole form is hidden, and doesn't take up any space?

Form:

<%= nested_form_for @game do |f| %>

  <%= f.fields_for :moves do |move_form| %>
    <div id="table" data-current-player="<%=session[:current_player] %>">
      <%= move_form.hidden_field :position %><br>
      <%= move_form.hidden_field :player, data: {position: move_form.object.position} %>
      <%= move_form.hidden_field :id %>
    </div>
  <% end %>

<input type="Submit" style="visibility: hidden">
<% end %>
Briknthewall
  • 149
  • 1
  • 16

1 Answers1

1

f.fields_for is consuming space because you have written break <br> inside it. Even though hidden fields doesn't consume space, f.fields_for can since it iterates for every associated element(in your case every move object).

So in nutshell,

remove <br>, css properties for table if any which can result in space allocation like margin, padding.

As well use style="display: none" over style="visibility: hidden" since it can consume space (check CSS Properties: Display vs. Visibility)

Community
  • 1
  • 1
maximus ツ
  • 7,949
  • 3
  • 25
  • 54
  • How do I set an id or class within the nested_form tag so that I can use css? – Briknthewall Sep 29 '14 at 18:31
  • you should be able to do so with passing `:class => "some class"` or `:html_options => {:class => "some class" }`. I have not tested it, but should work. – maximus ツ Sep 29 '14 at 19:07