应用场景

产品内置了一些常用的页面布局，如2行2列等。在实际的项目应用中，往往需要根据展现分析需要灵活定义各种页面布局，例如以下这个页面的布局就无法用产品自带的“页面布局”样式实现，这时就需要使用自定义布局的功能。

产品内置的“页面布局”如下：

在以上页面示例中，我们需要通过自定义布局功能实现以下的页面布局。

在开始自定义布局操作前，请先阅读页面布局设置，掌握页面布局基础知识。

设置步骤

1、  在 定制管理 > 资源定制  中，建立要展示的页面元素。

可以按实际需要通过 仪表分析、地图分析、灵活分析、多维分析 等各种方式建立相关需要展示的资源，具体细节请查看相关章节介绍。

2、  在 定制管理 > 资源定制> 新建页面。

新建页面的功能说明，请查看使用页面章节。

1）  新建页面，并在第一步中输入基本信息

2）  在“第二步：页面布局”中，点击 布局管理 按钮。

3）  进入了“布局管理”界面后，可以点击 增加自定义布局 按钮，新增加一种布局，然后再点击对应的 编辑布局 按钮，进行布局的设置。

4）  进入了“编辑布局”界面后，按下图所示流程进行布局设置，设置完后点击 确定 按钮即可。

5）  返回到“第二步：页面布局”中，选择刚刚定义好的 自定义布局。

6）  点击右下角的 下一步 按钮，进入“第三步：添加资源”中，把相关要展现的资源拖动对应的区域中。在本例中所有的资源的高度、宽度都设为100%，即完全撑满图形所在布局框架的范围。

7）  所有设置都设置好后，点击右下角的 保存 按钮，进行保存。

3、  浏览相关的页面，就可以查看相关的页面效果了。