... |
... |
@@ -6,10 +6,10 @@ |
6 |
6 |
|
7 |
7 |
The idea behind {{smallcaps}}Css{{/smallcaps}} is to separate the layout from the content. You can take one HTML page and apply different {{smallcaps}}Css{{/smallcaps}} file to give the page a different layout and/or styling. There are two parts to a {{smallcaps}}Css{{/smallcaps}} files: |
8 |
8 |
|
9 |
|
-* A [[selector>>doc:Formcycle.FormDesigner.CodingPanel.Selector]] that tells the brower which elements you want to style, |
|
9 |
+* A [[selector>>doc:Formcycle.Designer.Form.CodingPanel.Selector]] that tells the brower which elements you want to style, |
10 |
10 |
* and a list of properties or styles to apply to these elements, such as the color or font size |
11 |
11 |
|
12 |
|
-The {{smallcaps}}Css{{/smallcaps}} tab lets you add your own {{smallcaps}}Css{{/smallcaps}} easily. Once you make any changes, they are applied immediately once you click anywhere outside the {{smallcaps}}Css{{/smallcaps}} tab. For special selectors used by {{formcycle/}}, see [[the help pages on selectors>>doc:Formcycle.FormDesigner.CodingPanel.Selector]]. |
|
12 |
+The {{smallcaps}}Css{{/smallcaps}} tab lets you add your own {{smallcaps}}Css{{/smallcaps}} easily. Once you make any changes, they are applied immediately once you click anywhere outside the {{smallcaps}}Css{{/smallcaps}} tab. For special selectors used by {{formcycle/}}, see [[the help pages on selectors>>doc:Formcycle.Designer.Form.CodingPanel.Selector]]. |
13 |
13 |
|
14 |
14 |
== Help pages for CSS == |
15 |
15 |
|
... |
... |
@@ -35,7 +35,7 @@ |
35 |
35 |
} |
36 |
36 |
{{/code}} |
37 |
37 |
|
38 |
|
-Now we add a class named //tallText// that increases the font size greatly. Once you have added this code to the {{smallcaps}}Css{{/smallcaps}} tab, you can then select this class in the [[{{smallcaps}}Css{{/smallcaps}} classes section>>doc:Formcycle.FormDesigner.ElementProperties.CSSClasses]] of the properties panel of the {{designer/}}. |
|
38 |
+Now we add a class named //tallText// that increases the font size greatly. Once you have added this code to the {{smallcaps}}Css{{/smallcaps}} tab, you can then select this class in the [[{{smallcaps}}Css{{/smallcaps}} classes section>>doc:Formcycle.Designer.Form.ElementProperties.CSSClasses]] of the properties panel of the {{designer/}}. |
39 |
39 |
|
40 |
40 |
{{code language="CSS"}} |
41 |
41 |
.hoherText .XTextField { /* Selects all elements with the class tallText */ |