radsystems教程的页面设计（设计自己想要的页面）

页面设计

RadSystem Studio 使用 Bootstrap Layout 组件在浏览器视图上定位项目。通过这种方式，它有利于设备敏感、响应式或移动优先的设计，该设计可以适应显示 Web 的屏幕大小。
这是RadStudio Systems最强大的功能之一。

有两种方法可以进入页面设计。

1. 单击“页面设计”选项卡。
2. 单击所选页面设计的直接访问按钮。

页面、组件和小部件

布局组件

排元件

Row 组件是列的包装器。在 Bootstrap 中，“row”类主要用于保存其中的列。使用它来创建水平列组。

组件属性

页面设计

• SectionHeaderTitle：允许您设置行的标题。
• WrapInCard：在 Bootstrap 中，卡是一个灵活且可扩展的内容容器。该选项允许您指定该行是否包含在 Card 元素中。
• SectionClass：可以指定引导类来设置背景、文本颜色、填充等。或为该部分创建并指定您自己的类。
• ContainerClass：可以指定引导类来设置背景、文本颜色、填充等。或者为容器创建并指定自己的类。
• BorderSeparator：指示页面视图中是否存在边框。
• RowClass：可以指定引导类来设置背景、文本颜色、填充等。或为 Row 创建并指定您自己的类。

列元件

Bootstrap 中的 Column 组件是一个类，用于指示每行可能的 12 列中要使用的列数。在 Bootstrap 的网格系统中，内容必须放置在列中，并且只有列可以是行的直接子项 

组件属性

各种

• ColumnWidthClass：可以使用 Bootstrap 类设置每行 12 个可能的列的宽度。
• ResetGrids：您可以在引导程序中指定是否重置网格。
• 有表单：允许您指定页面是否包含启用提交按钮的表单。
• 表单提交按钮文本：如果页面包含表单，则可以设置提交按钮的名称。

 查看组件

 页眉元件

组件属性

各种

• 文本：您可以指定页面视图中显示的标题。
• Subtittle：您可以设置页面视图中显示的副标题。
• 标签：引导程序中有六种类型的标题。在这里，您可以选择其中之一。
• 标题类：您可以在 CSS 类生成器的实用界面中设置标题组件的文本样式、颜色、边距和填充。

• 字幕类：您可以设置字幕的文本样式、颜色、边距和填充。

手风琴元件 

可折叠组件在可折叠项目中组织内容。允许一次只显示一个折叠的项目。

组件属性

各种

• 标题标题：可以设置可折叠选项卡的标题。
• 标题 Subtittle：您可以设置可折叠选项卡的副标题。
• 标题图标：您可以为标题设置图标。
• OpenByDefault：设置为 True 时，在页面加载时显示特定折叠面板选项卡的内容。

 TabPage元件

与折叠组件一样，选项卡组件允许您在窗口中组织内容。

组件属性

01 - 页面设计

• NavType：您可以设置导航栏视图是按药丸还是按选项卡。
• TabOrientation：可以设置为“水平”、“水平端”、“水平中心”、“垂直”或“垂直端”。
• 对齐：允许确定选项卡的标题在页面视图中是否对齐。
• WrapInCard：该选项允许您指定组件是否包含在 Card 元素中。
• WrapperClass：您可以在 CSS 类构建器的实际界面中设置 Tab 组件的文本样式、颜色、边距和填充。

各种

• PlaceInCard：可以设置组件是否包含在 Card 元素中。

选项卡组件属性 

​

各种

• 标题标题：您可以设置选项卡的标题。
• FormPage：您可以指定选项卡视图中将包含哪个页面。
• 标题图标：您可以为选项卡设置图标。

表单向导元件 

表单向导是一个用户界面，允许用户通过一系列步骤实现目标。

​

组件属性

01 - 页面设计

• WizardStyle：有三种预定义的样式可以用作选择：点、圆和箭头。
• 标题标题：您可以设置表单向导的标题。
• 标题标题：您可以设置表单向导的副标题。
• ThemeColor：您可以选择将应用于表单向导的主题颜色。
• WrapInCard：该选项允许您指定组件是否包含在 Card 元素中。
• WrapperClass：您可以通过 CSS 类生成器设置组件的文本样式、颜色、边距和填充。

Step 组件属性

• 标题标题：您可以设置表单向导的步骤选项卡的标题。
• 标题 Subtittle：您可以为表单向导的步骤选项卡设置副标题。
• FormPage：您可以指定步骤视图中将包含哪个页面。
• 标题图标：您可以为步骤选