Interface StyleRegistry

Reset the style that were previously updated to one or more BPMN elements using the updateStyle method.

Example

bpmnVisualization.bpmnElementsRegistry.resetStyle('activity_1');
Copy

Notes:

• This method is intended to update the style of specific elements, e.g. to update their colors. When rendering a BPMN diagram, bpmn-visualization applies style properties to all elements according to their types. So if you want to style all elements of a certain type, change the default configuration of the styles instead of updating the element afterward. See the repository providing the examples of the bpmn-visualization TypeScript library for more details.
• If you pass IDs that are not related to existing BPMN elements, they will be ignored and no changes will be made to the rendering.

See

• updateStyle to update the style of one or several BPMN elements.
• CssClassesRegistry#addCssClasses to add CSS classes to a BPMN element.
• CssClassesRegistry#removeCssClasses to remove specific classes from a BPMN element.
• CssClassesRegistry#removeAllCssClasses to remove all CSS classes from a BPMN element.
• CssClassesRegistry#toggleCssClasses to toggle CSS classes on a BPMN element.

Since

0.37.0

Update the style of one or several BPMN elements.

Example

bpmnVisualization.bpmnElementsRegistry.updateStyle('activity_1', {
  stroke: {
    color: 'red',
  },
});
Copy

Notes:

• This method is intended to update the style of specific elements, e.g. to update their colors. When rendering a BPMN diagram, bpmn-visualization applies style properties to all elements according to their types. So if you want to style all elements of a certain type, change the default configuration of the styles instead of updating the element afterwards. See the repository providing the examples of the bpmn-visualization TypeScript library for more details.
• If you pass IDs that are not related to existing BPMN elements, they will be ignored and no changes will be made to the rendering.

See

• resetStyle to reset the style of one or several BPMN elements.
• CssClassesRegistry#addCssClasses to add CSS classes to a BPMN element.
• CssClassesRegistry#removeCssClasses to remove specific classes from a BPMN element.
• CssClassesRegistry#removeAllCssClasses to remove all CSS classes from a BPMN element.
• CssClassesRegistry#toggleCssClasses to toggle CSS classes on a BPMN element.

Since

0.33.0