名称:

Modal Dialog | 弹窗

图标:

e-display-modaldialog.PNG

功能:

  • 一个弹窗页面
  • 可以由点击事件等触发一个弹窗,弹窗可以用于表单提交窗口、信息显示窗口、报警提示窗口

    使用方式:

    设计弹窗:

  • 一般直接点选放入按钮等元件中的“<On Click>”行为处理元件中,由“<On Click>”点击事件触发弹出弹窗

  • 可以放于一个表格的行中,放入表格行元件的link链接元件中或是手动为其他类型列对象显示元件添加的“<On Click>”等行为处理元件中
  • 可以用特别的样式定义一个可复用的只有关闭按钮和字符显示的提示类弹窗,在整个项目中需要的功能中直接复用无需一个一个重新设计,可以设计为以下处理方式:为弹窗添加一个不同信息值的必须输入元件,当有信息字符文本传入时触发显示弹窗

Modal Dialog弹窗 - 图2

  • 弹窗内容区可以设计放入表格元件、图片元件等显示元件

    样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义
    · 如可以定义显示信息的字体的大小等:font-size:16px;
    · 注意弹窗标题是一个H3的HTML标签,此标签是固定大小的标签,修改标题大小可以在项目样式文件中修改H3的值(全项目中的H3都会改变大小),也可以修改HTML标签H3为H4来处理(只对修改的元件有效)

  • 可以使用样式类,在“html.styleClass”属性中设定类名称
  • 默认样式定义的文件是“web\styles\bootstrap”下“024-modals.less”文件,可以修改某些样式为自己的显示风格