Added an example that show the inline form styling, and some blueprint display issues.
This commit is contained in:
parent
f18a5c9bba
commit
ca30bcbfee
@ -9,7 +9,7 @@
|
||||
%link{ :href => "../stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
|
||||
%link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
|
||||
/
|
||||
[if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
|
||||
[if lt IE 8]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
|
||||
%body
|
||||
.container.showgrid
|
||||
%h1
|
||||
@ -124,6 +124,66 @@
|
||||
%input{ :type => "checkbox" }
|
||||
Check three
|
||||
%br
|
||||
.span-24.last
|
||||
%fieldset
|
||||
%legend
|
||||
Alignment
|
||||
%p
|
||||
%label{ :for => "dummy5" }
|
||||
Select field
|
||||
%select#dummy5{ :name => "dummy5" }
|
||||
%option{ :value => "1" }
|
||||
Ottawa
|
||||
%option{ :value => "2" }
|
||||
Calgary
|
||||
%option{ :value => "3" }
|
||||
Moosejaw
|
||||
%p
|
||||
%label{ :for => "dummy6" }
|
||||
Text input (title)
|
||||
%input#dummy6.title{ :name => "dummy6", :type => "text", :value => "Field with class .title" }
|
||||
%p
|
||||
%label{ :for => "dummy7" }
|
||||
Select field
|
||||
%select#dummy7{ :name => "dummy7" }
|
||||
%option{ :value => "1" }
|
||||
Ottawa
|
||||
%option{ :value => "2" }
|
||||
Calgary
|
||||
%option{ :value => "3" }
|
||||
Moosejaw
|
||||
%label{ :for => "dummy8" }
|
||||
Another field
|
||||
%input#dummy8.text{ :name => "dummy8", :type => "text", :value => "Field with class .text" }
|
||||
.span-24.last
|
||||
%form.inline{ :action => "", :method => "post" }
|
||||
%fieldset
|
||||
%legend
|
||||
A form with class "inline"
|
||||
.span-3
|
||||
%label{ :for => "a" }
|
||||
Label A:
|
||||
%select#a{ :name => "a" }
|
||||
%option{ :value => "0" }
|
||||
All
|
||||
.span-2
|
||||
some text
|
||||
.span-3
|
||||
%input#o.checkbox{ :type => "checkbox", :name => "o", :value => "true", :checked => "checked" }
|
||||
checkbox one
|
||||
.span-3
|
||||
%label{ :for => "b" }
|
||||
Label B:
|
||||
%select#b{ :name => "b" }
|
||||
%option{ :value => "0" }
|
||||
All
|
||||
.span-2
|
||||
%a{ :href => "" }
|
||||
A Hyperlink
|
||||
.span-8
|
||||
%input#q.text{ :type => "text", :name => "q", :value => "Field with class .text" }
|
||||
.span-2.last
|
||||
%input.button{ :type => "submit", :value => "submit" }
|
||||
%hr
|
||||
%p
|
||||
%a{ :href => "http://validator.w3.org/check?uri=referer" }
|
||||
|
Loading…
Reference in New Issue
Block a user