Comments (4)
Hi,
Thanks for creating an issue. I'd like to understand your use better. How would you use the ID? What is its purpose especially in a setup without the properties panel?
from bpmn-js.
Sometimes it is important to know the id of an element, in particular, when working with execution logs or when reviewing the xml. For example, in one of my projects (https://github.com/bpmn-os/bpmndoc) I create documentation for BPMN models that shows tDocumentation
and tExtensionElements
content of elements in the model. As not every model element is guaranteed to have a unique name, such information has to be linked to the element id.
In general I have 2 use cases:
-
in the BPMN viewer there is no possibility to see the element id (w/o properties panel) as it is not a graphical element. Hovering over the element can show a tooltip with the element id.
-
When model diagrams are distributed as svg, the svg can easily be embedded in other pages (in my particular case, a webpage automatically created by doxygen to explain features of BPMN model examples). A svg tooltip can allow reviewing the element ids in such scenarios.
from bpmn-js.
@rajgoel The technical ID is only important for a sub-set of our use-cases and will likely confuse non-technical folks. The other issue with tooltips is that you cannot copy them, hence their use is severely limited.
Long story short I think we'd want to make this pluggable (so you can add the tooltip in use-cases relevant to you). We don't want to have this at the core. Could be worth to check if a community contribution already exists for that.
from bpmn-js.
I agree, for users simply modelling diagrams, showing the element id as default might be confusing. I guess adding the titles on export (as shown above) is the way to go then.
from bpmn-js.
Related Issues (20)
- Angular 17.3.1 build fails "Error: export (imported as ) was not found in ..." HOT 2
- Add ability to type services and events HOT 2
- Some error messages are not internationalized HOT 2
- Elements Within Sub-Processes are Placed Horizontally HOT 4
- Data Input Box is not rendering completely HOT 1
- BPMN logo removal way from rendered image using bpmn-js library HOT 2
- How to add create/append anything HOT 3
- Navigated viewer uses outdated outlines HOT 1
- Multi-selection in viewer causes black boxes HOT 6
- Why is it so hard to use `bpmn-js` in a NodeJS TS project ? HOT 1
- Indicate via a comment if a fix has been released
- Visual glitches using connect tool
- Select target instead of connection when connecting HOT 3
- Searching for Plane element results in error HOT 4
- elements.changed event is not triggering in custom rule HOT 7
- Append preview not cleaned up when deleting element through keyboard HOT 1
- Add typing for essential services and events
- Popup Menu positioning breaks inside "containing blocks" HOT 8
- make the artifacts element support flowElements HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bpmn-js.