Question

Here is my code for my edit.html.erb:

<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
<div class="row">
  <br />
  <div class="span12">
    <h2>Main content</h2>
    <%= form_for(@post) do |f| %>
  <% if @post.errors.any? %>
  <div id="errorExplanation">
    <h2><%= pluralize(@post.errors.count, "error") %> prohibited this post from being saved:</h2>
    <ul>
    <% @post.errors.full_messages.each do |msg| %>
      <li><%= msg %></li>
    <% end %>
    </ul>
  </div>
  <% end %>
    <h1>New post</h1>
    <div class="field">
      <%= f.label :Title %><br />
      <%= f.text_field :title %>
    </div>
   <div class="field">
      <%= f.label :content %><br />
      <%= f.text_area :content, :rows => "40", :cols => "40" %>
    </div>
    <div class="field">
      <%= f.label :slug_url %><br />
      <%= f.text_field :slug_url %>
    </div>
    <div class="field">
      <%= f.label :Project %><br />
      <%= f.text_field :project %>
    </div>
    <div class="field">
      <%= f.label :Desciption %><br />
      <%= f.text_field :desc %>
    </div>
    <div>
      <%= f.submit %>
    </div>
<% end %>
  </div>
</div>

On my webpage when it loads the form_for stuff is super skinny and won’t break out of a very narrow section. When I got to inspect element and I look at the h2 it spans the whole 12 columns, but everything else doesn’t. I can adjust the col number on the text area and it does nothing. It looks like it is defaulting to the the smallest text_field for it’s width.

Any ideas on how I can figure out what is going wrong?

Answer 1

At the other answers mention, this should be handled by your CSS. Though it’s difficult to know exactly without knowing the intracicies of your stylesheet, something like this:

.edit_post input[type=text], .edit_post textarea {
  width: 100%;
  /* or */
  width: 450px;
}

will probably work.