Cursor in my simpleform input area appears not in the top left

I have not determined how to get my cursor to appear in the top left of my message field.

I added a class of 'span3' to the message field so I could manipulate the css (template and css below)

<%= simple_form_for @guestbook, url: guestbooks_path, method: :post do |f| %>
    <%= f.input :name %>
    <%= f.input :email %>
    <%= f.input :message, input_html: { class: 'span1' } %>
    <%= f.button :submit %>
<% end %>

.span1 {
    width: 400px;
    height: 200px;
    display: inline-block;
}

the display: inline-block just moved the message text right next to the input area.

Any ideas on how I should deal with this problem?

Answers


Simple Form on GitHub. It looks like input :text is the way to create a textarea with Simple Forms. I don't see a :message on the list of generated HTML elements.

It's most likely appearing in the center because you've created an input element, which only allows for a single line of content, as opposed to a textarea, which is a block-level element.


Need Your Help

Access RequestParameters inside Camel Freemarker ftl

java spring apache-camel freemarker

I am using Servicemix 4.4.1 that runs camel-freemarker version 2.8.0.fuse-06-11. In my ftl file, i need to use conditional routing based on whether a querystring exists in the request url or not.

Wp7 to WinRT: StreamSocket and network adapter preference

c# windows xaml windows-8 windows-runtime

I am working on porting a Windows Phone application to Windows 8 Metro, using the WinRT API. It is a networking app that makes use of sockets on arbitrary ports (different servers use different por...