On 1 January 2018 at 19:02, Sam Ruby <ru...@intertwingly.net> wrote:
>
>
> 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>
>
Should that be "form-control", given that it is quoted ?
>
> The way you would do this with wunderbar is:
>
> _textarea class: "form_control", rows: 4
>
>
Ditto?
> 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
>>
>>
>
