Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature request]: Panzoom extension #83

Open
vasabi8 opened this issue Mar 20, 2020 · 2 comments · May be fixed by #169
Open

[Feature request]: Panzoom extension #83

vasabi8 opened this issue Mar 20, 2020 · 2 comments · May be fixed by #169

Comments

@vasabi8
Copy link

vasabi8 commented Mar 20, 2020

Hi
Unfortunately, I did not find Panzoom integration with Dash.
This extension creates a widget that lets the user pan and zoom/
It would be nice to add this feature.

If someone has already integrated this extension, please share a solution.

Thanks,
Vasyl

@xhluca
Copy link
Collaborator

xhluca commented Jul 3, 2020

@vasabi8 Have you tried using a dash callback to link a slider or a button that would let you control the zoom level? e.g.

n = 0.1  # Change this for scale
@app.callback(Output("cytoscape", "zoom", [Input("my-slider", "value")])
def update_zoom(slider_value):
  return n * slider_value

@Melclic
Copy link

Melclic commented Mar 23, 2022

@xhlulu I tried your suggestion and it does work. However, it seems like it zooms on the upper left corner. And since the user cannot add his own pan values I can't seem to figure out how to fix that

Melclic pushed a commit to Melclic/dash-cytoscape that referenced this issue Mar 30, 2022
Melclic pushed a commit to Melclic/dash-cytoscape that referenced this issue Mar 30, 2022
@Melclic Melclic linked a pull request Mar 30, 2022 that will close this issue
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants
@Melclic @vasabi8 @xhluca and others