创建门户样式

最近更新时间:2019-08-08 15:14:14

本产品支持一种方式来创建门户样式。在【新建】的下拉选项中选择【门户样式】,如图所示:

门户样式分为三个部分:导航栏、侧边栏、数据区,如图所示:

用户可以在侧边栏、导航栏、数据区,配置相应的内容,完成自己的门户首页。

配置导航栏

在导航栏上右键,单击菜单上的【导航栏配置】,如图所示:

进入导航栏配置的对话框,对话框如图所示:

内容 - 定制

  1. LOGO
    将 LOGO 从左边的框里拖到右边的框里,或双击 LOGO 进入编辑 LOGO 的对话框。如图所示:

    在图片列表选择图片,也可以通过【导入图片】导入不在列表的图片。如图所示:

  2. 标题
    将标题从左边的框里拖到右边的框里,或双击标题进入编辑标题的对话框。如图所示:

    【标题】输入相应的标题。
    【前景色】设置标题的颜色。
    【标题样式】设置标题的字体、样式、大小、下划线或删除线。

  3. 操作模块添加数据源、创建数据集、制作报告、查看报告、调度任务和管理系统这些操作,可从左边的框里拖到右边的框里,或双击进行配置。

  4. 将网页从左边的框里拖到右边的框里,或双击网页进入编辑网页的对话框。在网址栏输入网址,如图所示:

    展示的内容框中允许配置多个网页,网页标签以数字后缀来区分。配置多个网页,如图所示:

  5. 仪表盘和门户组件
    打开仪表盘或门户组件文件夹的下拉三角,可以将仪表盘或门户组件从左边的框里拖到右边的框里,或双击仪表盘或门户组件来进行配置。
    在配置对话框中,仪表盘文件夹下的仪表盘也支持预览,当鼠标悬停在仪表盘文件夹下的某个仪表盘上时,在仪表盘右侧会显示“预览仪表盘”的按钮,当鼠标移动到“预览仪表盘”按钮时,显示提示信息:预览仪表盘,如图所示:

    单击按钮,可以预览仪表盘内容。

  6. 上移 / 下移,编辑,删除
    在导航栏配置的对话框里可以通过按钮对配置的项进行调整。
    【上移 / 下移】调整配置项的先后位置
    【编辑】对配置的项再次进行编辑。只支持编辑 LOGO,标题,网页。
    【删除】在配置栏中删除配置的项。
    根据上述方式配置导航栏,配置如图所示:

    在配置对话框的展示框中,可以双击配置内容的标签进行修改;将鼠标悬停在内容上,会显示提示信息;
    在主页列上设置门户样式的主页,主页即为默认展示在数据区的内容。只有仪表盘,门户组件和网页可以配置为主页。
    修改“网页”的标签为“腾讯云”,设置仪表盘“世界分布”为主页,将鼠标悬停在“世界分布”的内容上,出现提示信息:路径信息,如图所示:

    确定后,导航栏显示,如图所示:

内容 - 网页

单击网页后,弹出编辑网址的对话框,在网址栏输入网址,如图所示:

确定后,展示框上方的按钮只有【编辑】可用,其他都不可用。单击【编辑】,再次进入编辑网址的对话框,可以更换网址。
导航栏上显示如图所示:

配置网页也可以将格式工具栏上的“网页”图标拖拽到导航栏上,在编辑网址的对话框里进行配置。
此时,在导航栏上右键菜单显示,如图所示:

样式

可以编辑导航栏的颜色、高度、可见性。如图所示:

【顶部可见】2个选项:显示和隐藏。控制门户样式预览时导航栏是否可见。
【高】调整导航栏的高度。
【前景色】导航栏的前景色:白色、黑色,默认为白色。
【背景类型】导航栏设置背景的类型:单色、双色、图片。
【颜色】设置背景色。
【类型】设置背景色的渐变类型。
设置导航栏的样式,如图所示:

导航栏上显示如图所示:

配置侧边栏

在侧边栏上右键,单击菜单上的【侧边栏配置】,如图所示:

进入侧边栏配置的对话框,对话框如图所示:

内容

侧边栏可配置内容与导航栏一样。配置方式同导航栏上相应选项的配置。当导航栏已经选择主页时,继续在侧边栏选择主页时会弹出提示:

选择确定将会替换导航栏配置的主页,取消即不替换。在侧边栏配置内容,如图所示:

门户样式上显示,如图所示:

门户样式的侧边栏允许配置多个资源,当侧边栏显示不完整时,会出现纵向滚动条。如图所示:

样式

可以编辑侧边栏的颜色、宽度、分割线。如图所示:

【侧边栏宽】调整侧边栏的宽度。
【分割线】配置的内容之间的分割线。定制背景设置同导航栏的定制背景设置。设置侧边栏的样式,如图所示:

侧边栏显示如图所示:

配置数据区

数据区内容不仅仅可以通过导航栏和侧边栏配置,也可以从左侧资源列表上拖拽仪表盘或门户组件到数据区。
如果导航栏或侧边栏已配置主页,拖拽后会替换已配置的主页。如果导航栏或侧边栏未配置主页,拖拽后将会作为主页添加在导航栏配置的内容后。

预览门户组件样式

配置完导航栏和侧边栏后,样式显示如图所示:

单击工具栏上的预览图标,在预览中显示,如图所示:

在样式预览中,单击导航栏上配置的操作,则会切换到相应的模块。若模块存在,则会闪动,若不存在,则打开这个模块。
单击配置的仪表盘,门户组件或网页,数据区则会切换显示为相应的内容。单击首页,切换到首页。若首页存在,则会闪动,若不存在,则打开首页。单击退出,退出当前用户的登录。
单击收起右上角的小三角图标,则导航栏隐藏,再次单击,则打开导航栏。

布局

在门户样式的工具栏上单击“布局”的下拉三角,可以选择门户样式的布局方式,布局方式分为2种:上下布局和综合布局,如图所示:

默认布局方式为综合布局,如图所示:

选择上下布局,门户样式显示如图所示: