Changes for page CSS-Bereich


From version 1.1
edited by fse
on 15.07.2021, 18:45
Change comment: There is no comment for this version
To version 2.1
edited by fse
on 15.07.2021, 18:46
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -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 */