On Mon, Jan 1, 2018 at 12:38 PM, Craig Russell <apache....@gmail.com> wrote:
>
> On Jan 1, 2018, at 9:34 AM, Craig Russell <apache....@gmail.com> wrote:
>
> That gives me a tiny three row box. Width 18 characters.
>
>
TL;DR: try _textarea.form_control rows: 4
Longer answer: if you want to change how textarea looks on your page, you
would use CSS. Specifically, something like this:
textarea {
width: 100%
}
But that would apply to all textareas on all pages, so you would probably
want to limit it. With CSS, you would do this with a class. So on your
page you would put:
<textarea class="mywidetextarea" rows="4"></textarea>
And in your css, you would put:
textarea .mywidetextarea {
width: 100%
}
But this is a common thing to do, and bootstrap is a package that includes
a lot of common CSS rules. See:
https://getbootstrap.com/docs/4.0/components/forms/
To take advantage of this, you would use the "form-control" class, thus:
<textarea class="form_control" rows="4"></textarea>
The way you would do this with wunderbar is:
_textarea class: "form_control", rows: 4
Or use the shortcut:
_textarea.form_control rows: 4
Note the use of underscore instead of dash in the last example.
- Sam Ruby
Specifically:
>
> _div.form_group do
> _label "Contributor's name:", for: 'iclaname'
> _input.form_control.iclaname! placeholder: 'GivenName FamilyName',
> required: true, value: @iclaname
> end
> _textarea rows: 4 <===============================================
> _div.form_group do
> _label "Contributor's E-Mail address:", for: 'iclaemail'
> _input.form_control.iclaemail! type: 'email', required: true,
> placeholder: 'u...@example.com', onChange: self.setIclaEmail,
> value: @iclaemail
> end
>
>
> Craig L Russell
> Secretary, Apache Software Foundation
> c...@apache.org http://db.apache.org/jdo
>
>
