Wiki source code of Design (CSS)
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | {{figure image="template_css_de.png"}} | ||
2 | {{smallcaps}}Css{{/smallcaps}} templates make it easier to manage layouts globally for all forms, such as in order to enforce a corporate design. | ||
3 | {{/figure}} | ||
4 | |||
5 | {{figure image="template_css_designer_de.png"}} | ||
6 | For each form, you can choose a layout in the {{designer/}}. | ||
7 | {{/figure}} | ||
8 | |||
9 | {{smallcaps}}Css{{/smallcaps}} templates contain layouts that are available to all forms. | ||
10 | |||
11 | All current {{smallcaps}}Css{{/smallcaps}} templates are shown in the panel to the left. To edit a template, select it by clicking on its name in the list. Use the editor in the middle section to edit its contents. Press the save button {{icon name="save"/}} to the bottom right to save your changes. | ||
12 | |||
13 | If you would like to add a new {{smallcaps}}Css{{/smallcaps}} template, click on the {{ficon name="plus-circle-outline"/}} button. | ||
14 | |||
15 | All {{smallcaps}}Css{{/smallcaps}} templates that were created here are available in the [[{{designer/}}>>doc:Formcycle.FormDesigner.WebHome]]. Go to the [[form settings>>doc:Formcycle.FormDesigner.FormProperties]] in properties panel to select a layout template. This layout template is applied to the form and makes it easy to manage layouts globally for different forms. You can also use this feature to enforce a corporate design for all your forms. | ||
16 | |||
17 | See the help pages on the [[{{smallcaps}}Css{{/smallcaps}} tab>>doc:Formcycle.FormDesigner.CodingPanel.CSSTab.WebHome]] for further details regarding {{smallcaps}}Css{{/smallcaps}} specific to forms created with the {{designer/}}. |