Account Options

  1. Sign in
The old Google Groups will be going away soon, but your browser is incompatible with the new version.
Google Groups Home
« Groups Home
Express
Home
+ new post
About this group
Join this group
jade question about radio button options
Options
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
   6 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
C. Mundi  
View profile  
 More options Jan 29 2012, 6:20 pm
From: "C. Mundi" <cmu...@gmail.com>
Date: Sun, 29 Jan 2012 16:20:34 -0700
Local: Sun, Jan 29 2012 6:20 pm
Subject: jade question about radio button options
Print | Individual message | Show original | Report this message | Find messages by this author

I figure this is where the Jade gurus are...

Can someone tell me why

input(type='radio', name='thing', value='1') Thing 1 <br>
input(type='radio', name='thing', value='2') Thing 2 <br>
input(type='radio', name='thing', value='3') Thing 3 <br>

renders a *horizontal row* of three radio buttons with *no labels*, but

input(type='radio', name='thing', value='1')
Thing 1 <br>
input(type='radio', name='thing', value='2')
Thing 2 <br>
input(type='radio', name='thing', value='3')
Thing 3 <br>

renders a vertical column of three radio buttons with labels as expected?

Obviously, I expect both snippets to render the same way.  The second
example is what I am using.  Why does the first example not work the same
way?

Baffled...

Thanks


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Prashanth  
View profile  
 More options Jan 29 2012, 10:02 pm
From: Prashanth <munichli...@gmail.com>
Date: Mon, 30 Jan 2012 08:32:38 +0530
Local: Sun, Jan 29 2012 10:02 pm
Subject: Re: [Express-js] jade question about radio button options
Print | Individual message | Show original | Report this message | Find messages by this author

On Mon, Jan 30, 2012 at 4:50 AM, C. Mundi <cmu...@gmail.com> wrote:

> Obviously, I expect both snippets to render the same way.  The second
> example is what I am using.  Why does the first example not work the same
> way?

> Baffled...

First you are suppose to use a label and css to style it. I am not
sure which doctype you are using, using <br> is a old school/
non-standard way. You might wrap option and label in a block element
like p tag or style them.
http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

--
regards,
Prashanth
twitter: munichlinux
irc: munichlinux, JSLint, munichpython.


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
C. Mundi  
View profile  
 More options Jan 29 2012, 11:19 pm
From: "C. Mundi" <cmu...@gmail.com>
Date: Sun, 29 Jan 2012 21:19:10 -0700
Local: Sun, Jan 29 2012 11:19 pm
Subject: Re: [Express-js] jade question about radio button options
Print | Individual message | Show original | Report this message | Find messages by this author

Sure.  No question, you're right about styling.

But I'm asking about the behavior of the jade compiler, old school or not.
On Jan 29, 2012 8:03 PM, "Prashanth" <munichli...@gmail.com> wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Kevin Sakhuja  
View profile  
 More options May 5 2012, 2:37 pm
From: Kevin Sakhuja <kevin.sakh...@gmail.com>
Date: Sat, 5 May 2012 11:37:04 -0700 (PDT)
Local: Sat, May 5 2012 2:37 pm
Subject: Re: [Express-js] jade question about radio button options
Print | Individual message | Show original | Report this message | Find messages by this author

Do this.

input(type='radio', name='thing', value='1')
   | Thing 1
br
input(type='radio', name='thing2', value='2')
   | Thing 2
br


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Marcelo Tosco  
View profile  
 More options May 21 2012, 3:12 pm
From: Marcelo Tosco <capy....@gmail.com>
Date: Mon, 21 May 2012 12:12:46 -0700 (PDT)
Local: Mon, May 21 2012 3:12 pm
Subject: Re: jade question about radio button options
Print | Individual message | Show original | Report this message | Find messages by this author

Dont know the reason, but if the label starts with an uppercase letter
sometimes fail. Use "|" as prefix to solve the problem:

div.control-group
  label.control-label Género
  div.controls
      label.radio.inline
          input(type="radio", name="optionsRadios", id="optionsRadios1",
value="option1", checked="")
          |Male

      label.radio.inline
          input(type="radio", name="optionsRadios", id="optionsRadios2",
value="option2")
          |Female


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Marcelo Tosco  
View profile  
 More options May 21 2012, 3:13 pm
From: Marcelo Tosco <capy....@gmail.com>
Date: Mon, 21 May 2012 12:13:48 -0700 (PDT)
Local: Mon, May 21 2012 3:13 pm
Subject: Re: jade question about radio button options
Print | Individual message | Show original | Report this message | Find messages by this author

> Dont know the reason, but if the label starts with an uppercase letter
> sometimes fail. Use "|" as preffix to solve the problem:

div.control-group
  label.control-label Género
  div.controls
      label.radio.inline
          input(type="radio", name="optionsRadios", id="optionsRadios1",
value="option1", checked="")
          |Male

      label.radio.inline
          input(type="radio", name="optionsRadios", id="optionsRadios2",
value="option2")
          |Female


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »

Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2013 Google