开发。 图2 视图切换 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整。组件高度将根

查看更多 →

针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。 布局：对页面 CSS 属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写 CS S代码进行更深度的个性化布局定制。 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-blo

查看更多 →

新建布局 业务可视化已内置通用布局，为屏幕模板提供页面布局选择。如果内置的布局不满足您的需求，您可以通过上传开发好的离线页面布局源文件自定义布局。 新建布局 在开天 集成工作台 界面中，选择左侧导航栏中的“业务可视化 > 配置管理”。 选择“固定布局”页签。 单击“新增布局”，进入“

查看更多 →

应电脑端和移动端设备。 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整。组件高度将根

查看更多 →

布局容器 布局容器的主要作用是控制其内部元素的排列和布局，确保界面的整洁有序和响应式设计。 在左侧组件区域，选择“布局容器”组件，并拖拽至设计区域，如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中，根据需求布局，选中组件可配置对应组件属性。 图2 设计布局

查看更多 →

示样式参数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。

查看更多 →

。 在页面设置页面，设置栅格列数、列间距、行间距、页面边距等配置项。 表3 栅格参数说明 参数 说明 栅格列数 设置栅格的列数，支持和来设置列数，也支持输入设置。 列间距 设置栅格的列间距，单位为px，支持和来设置列间距，也支持输入设置。 行间距 设置栅格的行间距，单位为px，支持和来设置行间距，也支持输入设置。

查看更多 →

页面布局管理 查看已有布局模板 查看已有布局 父主题： 安全编排

查看更多 →

进入目标工作空间管理页面 在左侧导航栏选择“安全编排 > 页面布局”，默认进入页面布局管理页面。 图2 进入布局管理页面 在布局管理页面，查看已有布局。 将鼠标悬停在目标布局上，并单击布局右上角，可以进入布局配置详情页面进行查看。 父主题： 页面布局管理

查看更多 →

CSS 功能 通过CSS节点执行云搜索请求，实现在线分布式搜索功能。 参数 用户可参考表1和表2配置CSS节点的参数。 表1 属性参数 参数 是否必选 说明 节点名称 是 节点名称，可以包含中文、英文字母、数字、“_”、“-”、“/”、“<”、“>”等各类特殊字符，长度为1～128个字符。

查看更多 →

在数据源下新生成数据集result_AlgebraOperation 图7 result_AlgebraOperation 父主题： 二三维一体化桌面GIS软件

查看更多 →

打开PostgreSQL数据源，浏览地图 图6 浏览地图 导入模型文件 图7 导入1 图8 导入2 保存工作空间 图9 保存 父主题： 二三维一体化桌面GIS软件

查看更多 →

“样式”面板对页面进行更深度的个性化布局定制。 基础布局设置 标准页面提了流式布局（Flow Layout）和弹性布局（Flex Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中

查看更多 →

布局”，单击“添加”。 图1 新建绝对布局类型高级页面 开发绝对布局类型的高级页面。 以开发如下所示高级页面为例，向您介绍绝对布局类型高级页面中组件的布局方法。 图2 绝对布局类型高级页面组件布局示例 如上图所示，示例页面中包含文本编辑、基本柱图和多区域折线图三个组件。 在高级页面右上方，单击，设置背景图片。

查看更多 →

Iframe布局框 Iframe布局框用于在大屏页面的某块区域中呈现页面，组件的页面内容基于 域名 分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。

查看更多 →

布局属性 操作场景 本文指导您在应用运行态布局属性。 前提条件 已登录应用运行态。 操作步骤 在左侧导航栏中，选择“数据模型管理 > 分类”，进入“分类”页面。 单击需要操作的节点。 在展开的页面，选择“属性布局”页签，并根据实际业务需求，对属性进行布局。 图1 属性布局 表1 属性布局

查看更多 →

自定义布局 客户可以根据自身实际需要开启/关闭开关，控制对应卡片的显示/隐藏，也可调整卡片的展示顺序，实现对概览页面的自定义布局。 操作步骤 选择“账单管理 > 账单概览”，单击页面右上角的“自定义布局”。 进入“自定义布局”页面。 根据需要设置打开或关闭卡片开关，调整卡片在账单概览页面的展示顺序，单击“确定”。

查看更多 →

的交易类页面。 表格/表格(新)：主要用于展示大量结构化的数据，使用时需要通过数据绑定数据模型。适用于通过一个表格，完成数据对象的增、删、改、查的操作场景。 容器：基本的布局容器，支持拖拽放置任何组件进去，按照流式布局模式布局（非独占整行组件如按钮组件，从左往右排列，占满整行即换

查看更多 →

CSS部署 登录控制台 创建CSS 图1 CSS部署1 CSS集群配置，查看数据是否正常 图2 CSS部署2 父主题： RDS、CSS部署

查看更多 →

{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate

查看更多 →

对接CSS CSS安全集群配置 scala样例代码 pyspark样例代码 java样例代码 父主题： 使用Spark作业跨源访问数据源

查看更多 →