Skip to content

[FEAT] Create a demo for all navigation and scrolling features #170

@tbouffard

Description

@tbouffard

Is your feature request related to a problem? Please describe.

We have several new features that we want to implement, so we will need a demo to demonstrate them

Describe the solution you'd like

Provide a demo with a large diagram that cannot be fully displayed in the BPMN container without doing fit on load. This will make all navigation and scroll features a must have for the demo.
The zoom reset should be a Fit.None to ensure that the diagram is never fully displayed.

The minimap could be displayed with a transparent background as in process-analytics/bpmn-visualization-js#555
The demo should allow to use a BPMN Container with or without scrollbars

demo mockup bpmn-visualization BPMN Navigation new features
Mockup done with https://moqups.com

Additional context

Be aware of #80.

Sharing "zoom controls"

We already have a "zoom controls" button group in the "OverlayPlugin demo".
We could/should avoid duplication and create a component or function to share the code.
We could introduce a JS function that add elements in the DOM

  • put title on all buttons
  • instead of fit, add an icon and the title should be "Reset zoom level"

[UPDATE] A dedicated component was introduced in #186

Existing zoom bugs

Be aware of this bug about the zoom mouse support with scrollbars: process-analytics/bpmn-visualization-js#1979

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions