Wiki source code of Design (CSS)

Show last authors
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/}}.
Copyright 2000-2024