网页脚本组件

网页组件将托管网页嵌入到脚本页面中。 在运行时,指定的页面随脚本页面一起加载。

重要提示:

  • 被引用的网站必须允许将页面嵌入到其他域中的页面中。 换句话说,您必须在 Web 服务器 上设置 x-frame 选项,以允许其他域在 iframe 标签中显示其页面。 否则,网页组件将无法显示 URL。

  • 指定 URL 时必须使用 安全 HTTP(https://而不是 http://)。

  1. 在 “组件” 工具栏上,单击 “ 网页”

  2. 展开属性面板中的 Common 组。 然后在 “网页源” 框中键入网页的完全限定 URL。 或者,选择一个值包含 URL 的字符串变量。

    例如:

    https://www.usps.com/

    页面会立即加载,以便您可以验证 URL 是否有效。 不需要选择 “预览” 模式。

  3. 设置组件的任何其他属性。

    通用

    网页源设置要嵌入到网页组件中的网页的 URL。 您可以键入网页的 URL,也可以使用变量将 URL 传递给组件。 例如:

    https://help.mypurecloud.com

    输入有效的 URL 后,网页组件会立即显示该页面。

    该网址必须以 https://开头。 如果远程服务器不支持安全 http 协议,则网页组件将无法显示来自该服务器的页面。

    布局

    使用权重来影响大小调整,将宽度配置为固定大小,根据需要增大以显示内容,或者相对于其他组件消耗尽可能多的空间。

    設置 描述
    脚本布局自动调整大小 自动调整大小可将组件配置为根据其内容进行缩小或增长。 例如,标签的宽度可能会随其包含的文本量而增大。
    设置-调整大小-拉伸

    拉伸允许组件相对于其他组件消耗尽可能多的空间,使用权重来影响大小调整。

    如果两个组件都设置为伸展,则默认情况下它们都被分配剩余空间的 50%。 可以通过更改权重值来调整此比例。

    例如,如果将一个组件的权重设置为 200,将另一个组件的权重设置为 100,则第一个组件占用剩余空间的三分之二,而另一个组件只占三分之一。 第一个组件的大小是另一个组件的两倍,因为它的重量是第二个组件权重的两倍。

    脚本布局像素 以像素为单位设置固定大小。 您可以在框中键入整数值,或使用向上或向下箭头来增大或减小大小。 当组件获得焦点时,这些箭头可见。

    使用权重来影响大小调整,将高度配置为固定大小,以便根据需要增大以显示内容,或者相对于其他组件消耗尽可能多的空间。

    設置 描述
    脚本布局自动调整高度大小 自动调整大小可将组件配置为根据其内容进行缩小或增长。
    脚本布局像素高度 以像素为单位设置固定大小。 您可以在框中键入整数值,或使用向上或向下箭头来增大或减小大小。 当组件获得焦点时,这些箭头可见。
    设置-调整大小-拉伸

    拉伸允许组件相对于其他组件消耗尽可能多的空间,使用权重来影响大小调整。

    如果两个组件都设置为伸展,则默认情况下它们都被分配剩余空间的 50%。 可以通过更改权重值来调整此比例。

    例如,如果将一个组件的权重设置为 200,将另一个组件的权重设置为 100,则第一个组件占用剩余空间的三分之二,而另一个组件只占三分之一。 第一个组件的大小是另一个组件的两倍,因为它的重量是第二个组件权重的两倍。

    将组件相对于其父容器向左、向右或居中对齐。

    提示: 如果组件的父容器的 “高度” 设置为 “ 自动调整大小”,则组件不能垂直居中对齐。 要更正此问题,请将父容器的高度设置为 拉伸 或设置为固定高度(以 像素为单位)
    設置 示例
    向左对齐 2 左对齐示例 2
    对齐中心 2 对齐中心示例 2
    向右对齐 2 右对齐示例 2
    对齐启动 对齐开始示例
    垂直居中对齐 垂直居中对齐示例
    垂直端对齐 垂直对齐结束示例

    边距设置边框周围的左、右、上和下间距。

    该图显示了边距、边框和填充设置之间的关系。

    1. 要有选择地一次更新所有边距值,请在属性面板中 按边距的全部 设置按钮。

      全部设置按钮的图像

    2. 单击保证金的值字段。 旋转控件出现在该字段中。

    3. 使用旋转控制来增加或减少边距。 如果选择 了 “全部 设置”,则更改将应用于所有边距。

      设置-保证金微调器

      该组件会立即使用其新的边距设置重新定位。

    根据布尔值(True 或 False)变量的值设置组件的可见性。

    1. 单击 “ 布局” 属性组。 在可见下方,单击 选择变量
    2. 选择一个变量,或者选择性地创建一个新的 “是/否” 变量,然后将该新变量分配给 Visible 属性。
    3. 在运行时,当变量的值为 True 时,组件是可见的。 相反,当变量的值为 False 时,它会被隐藏

    高级

    网页源设置要嵌入到网页组件中的网页的 URL。 您可以键入网页的 URL,也可以使用变量将 URL 传递给组件。 例如:

    https://help.mypurecloud.com

    输入有效的 URL 后,网页组件会立即显示该页面。

    该网址必须以 https://开头。 如果远程服务器不支持安全 http 协议,则网页组件将无法显示来自该服务器的页面。