1. activiti provides the image viewing module dimo-viewer. This module can obtain data in rest mode and then display the progress of the process. However, the default task is beige, unlike many websites, you can only change the color by modifying the color. Now, you can change the color to a white background to adapt to various websites:
1. Modify the JS script used by digoal-Viewer: processdiagramcanvas. js. This is the main drawing script. The color of the task is a piece of code.
var attr = {"stroke-width": this.strokeWidth, stroke: TASK_STROKE_COLOR, fill: this.getPaint()};
Locate the code location,
Before modification:
_ Drawtask: function (name, X, Y, width, height, thickborder) {var originalpaint = This. getpaint (); this. setpaint (task_color); // anti smoothingif (this. strokewidth % 2 = 1) x = math. round (x) +. 5, y = math. round (y) +. 5; // shapevar shape = This. g. rect (X, Y, width, height, task_corner_round); // fill: This. getpaint () is the Task fill color. By default, it is a gradient color, which is yellow. You can change it to any color var ATTR = {"stroke-width": This. strokewidth, stroke: task_stroke_color, fill: This. getpaint ()}; shape. ATTR (ATTR); // shape. ATTR ({fill: "90-" + this. getpaint () + "-" + color. get (250,250,244)}); var contextobject = This. getconextobject (); If (contextobject) {shape. id = contextobject. ID; shape. data ("contextobject", contextobject );}
After modification:
// Fill: This. getpaint () is the Task fill color. By default, it is a gradient color, which is yellow. It can be changed to any color. All referenced colors of Act are in color. in JS, color. snow is white var ATTR = {"stroke-width": This. strokewidth, stroke: task_stroke_color, fill: color. snow };
2. Modify the molder color of the image designer.
Under study...
Activiti Study Notes 6-related settings