当前位置: 首页 > news >正文

(五)activiti-modeler 编辑器初步优化

最终效果:

1..首先去掉顶部的logo,没什么用,还占用空间。

修改modeler.html文件,添加样式:

<style type="text/css">
#main-header{display: none;
}
#main{padding: 0px;
}
</style>

2.左边组件选择区域太宽了,一般用不到那么宽。

修改editor-app/editor.html文件。添加样式:

同样的,下面改为 col-lg-10 总共加起来12格。

3.中间下方的属性编辑面板希望放到右侧去。

 4.右侧属性编辑将一行2个改为一行1个。

html, body{margin: 0px;padding: 0px;
}
#main-header{display: none;
}
#main{margin: 0px;padding: 0px;
}
.selected-item-section clearfix{float: left;width: 100%;
}.selected-item-section .property-row{float: none;width: 100%;display: flex;height: 29px;
}
.selected-item-section .selected-item-body{width: 100%;height: 100%;
}
.selected-item-body > div {overflow: auto;margin: 0px; 
}
.property-row span.title {font-size: 13px;font-weight: bold;width: 90px;text-align: right;
}
.property-row span.value {flex: 1;
}
div.propertySection { height: 100%; background-color: #e8edf1; 
} 

5.中间流程设计器去掉滚动条。

发现设计器的高度是写死的1050px;

在源码中查找1050:

此时还有设计器外面的div的高度计算要修改。

总结修改的文件有:

  • modeler.html
  • editor.html
  • app.js
  • oryx.debug.js

 

相关文章:

  • Qt WebEngine播放DRM音视频
  • 马尔科夫决策过程
  • Windows编译Boost需要注意的问题
  • C++面试基础算法的简要介绍
  • Java ExecutorService:你真的了解它吗?
  • 小程序支付(前端)
  • 自注意力和位置编码
  • 西部菱斑响尾蛇教你基础IO
  • 拉削基础知识——拉床的类型及特点
  • 自己履行很多的话语,依旧按照这个方式进行生活
  • 近期关于云服务器window server 2012屏蔽游戏加速器/IP加速器模拟IP连接限制策略
  • 基于python旅游推荐系统(源码+论文+部署讲解等)
  • OpenAI not returning a result?
  • 【WEB】ctfshow-萌新-web9-15
  • GO之基本语法
  • JS中 map, filter, some, every, forEach, for in, for of 用法总结
  • 【跃迁之路】【519天】程序员高效学习方法论探索系列(实验阶段276-2018.07.09)...
  • 30秒的PHP代码片段(1)数组 - Array
  • conda常用的命令
  • ERLANG 网工修炼笔记 ---- UDP
  • JavaScript设计模式系列一:工厂模式
  • Java程序员幽默爆笑锦集
  • laravel 用artisan创建自己的模板
  • python学习笔记 - ThreadLocal
  • Sass Day-01
  • spring security oauth2 password授权模式
  • Theano - 导数
  • 大数据与云计算学习:数据分析(二)
  • 开发了一款写作软件(OSX,Windows),附带Electron开发指南
  • 如何使用 JavaScript 解析 URL
  • 适配iPhoneX、iPhoneXs、iPhoneXs Max、iPhoneXr 屏幕尺寸及安全区域
  • 用jquery写贪吃蛇
  • Salesforce和SAP Netweaver里数据库表的元数据设计
  • #HarmonyOS:软件安装window和mac预览Hello World
  • #LLM入门|Prompt#3.3_存储_Memory
  • (5)STL算法之复制
  • (附源码)ssm基于jsp高校选课系统 毕业设计 291627
  • (三)c52学习之旅-点亮LED灯
  • (一)Mocha源码阅读: 项目结构及命令行启动
  • (转)LINQ之路
  • (转)平衡树
  • *上位机的定义
  • .bat批处理(六):替换字符串中匹配的子串
  • .form文件_SSM框架文件上传篇
  • .NET Core 中插件式开发实现
  • .net mvc actionresult 返回字符串_.NET架构师知识普及
  • .NET未来路在何方?
  • .php结尾的域名,【php】php正则截取url中域名后的内容
  • @EnableWebSecurity 注解的用途及适用场景
  • @NoArgsConstructor和@AllArgsConstructor,@Builder
  • @Pointcut 使用
  • @Transactional 竟也能解决分布式事务?
  • [ vulhub漏洞复现篇 ] Jetty WEB-INF 文件读取复现CVE-2021-34429
  • [2018][note]用于超快偏振开关和动态光束分裂的all-optical有源THz超表——
  • [Angular] 笔记 18:Angular Router