activiti modeler流程设计器界面定制

我们在把activiti modeler流程设计器集成到项目中时候，尤其是将它嵌入到项目中页面的iframe中时候，当我们在点击那个关闭按钮的时候，那么在iframe中就会显示其他页面，为了避免用户在使用过程中的误操作，大家把可以定制流程设计器（设计器的汉化【汉化步骤请看上篇文章】、去掉一些不需要的显示内容）。

下面去掉关闭按钮的修改脚本打开oryx.debug.js文件，找到如下位置：

var content =  "<div id='editor_header'>" +
                "<div id='header_logo_image'>" +                
                    "<img src='../explorer/src/img/signavio/smoky/logo2.png' border=\"0\"/>" +
                "</div>" +
                "<span class='openid " + (publicText == user ? "not" : "") + "'>" + 
                  (unescape(user)) + 
                  maModelAuthI + 
                "</span>" + 
                "<div id='header_close_image'>" +
                  "<a href=\""+ORYX.CONFIG.WEB_URL+"\" target=\"_self\" title=\"close modeler\">" +
                    "<img src='../editor/images/close_button.png' border=\"0\" />" + 
                  "</a>" +
                "</div>" + 
              "</div>";
              
              var content =  "<div id='editor_header'>" +
                "<div id='header_logo_image'>" +                
                    "<img src='../explorer/src/img/signavio/smoky/logo2.png' border=\"0\"/>" +
                "</div>" +
                "<span class='openid " + (publicText == user ? "not" : "") + "'>" + 
                  (unescape(user)) + 
                  maModelAuthI + 
                "</span>" + 
                "<div id='header_close_image'>" +
                "</div>" + 
              "</div>";

修改为：

var content =  "<div id='editor_header'>" +
                "<div id='header_logo_image'>" +                
                    "<img src='../explorer/src/img/signavio/smoky/logo2.png' border=\"0\"/>" +
                "</div>" +
                "<span class='openid " + (publicText == user ? "not" : "") + "'>" + 
                  (unescape(user)) + 
                  maModelAuthI + 
                "</span>" + 
                "<div id='header_close_image'>" +
                "</div>" + 
              "</div>";

以上是关于activiti modeler流程设计器界面定制的其中一部分的修改，大家可以根据自己的需要做修改，在这里就不多说了！以上内容单元对你有所帮助.

下面是去掉关闭按钮前后的效果图：

去掉关闭按钮前：



去掉按钮后：