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 > >