On Mon, Jan 1, 2018 at 2:17 PM, Craig Russell <apache....@gmail.com> wrote:

> Getting there.
>
> So why is there a difference between the two boxes?
>
>     _div.form_group do
>       _label "Contributor's name:", for: 'iclaname'
>       _input.form_control.iclaname! placeholder: 'GivenName FamilyName',
>         required: true, value: @iclaname
>     end
>     _textarea class: "form_control", rows: 4
>

Change the above line to use a dash instead of an underscore (form-control
vs form_control).


>     _textarea.form_control 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
>
> On Jan 1, 2018, at 11:02 AM, Sam Ruby <ru...@intertwingly.net> 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:
>>>
>>>
>
> Craig L Russell
> Secretary, Apache Software Foundation
> c...@apache.org http://db.apache.org/jdo
>
>

Reply via email to