Good catch!

- Sam Ruby

On Mon, Jan 1, 2018 at 2:31 PM, sebb <seb...@gmail.com> wrote:
> 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
>>>
>>>
>>

Reply via email to