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/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
|
||||||
%link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :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
|
%body
|
||||||
.container.showgrid
|
.container.showgrid
|
||||||
%h1
|
%h1
|
||||||
@ -124,6 +124,66 @@
|
|||||||
%input{ :type => "checkbox" }
|
%input{ :type => "checkbox" }
|
||||||
Check three
|
Check three
|
||||||
%br
|
%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
|
%hr
|
||||||
%p
|
%p
|
||||||
%a{ :href => "http://validator.w3.org/check?uri=referer" }
|
%a{ :href => "http://validator.w3.org/check?uri=referer" }
|
||||||
|
Loading…
Reference in New Issue
Block a user