# How to define my own interactorstyle of vtkplanewidget?

**URL:** https://discourse.vtk.org/t/how-to-define-my-own-interactorstyle-of-vtkplanewidget/11643
**Category:** Development
**Tags:** code
**Created:** [June 8, 2023, 1:58pm UTC](https://discourse.vtk.org/t/how-to-define-my-own-interactorstyle-of-vtkplanewidget/11643 "2023-06-08T13:58:54Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![Alex\_Vergara](https://discourse.vtk.org/user_avatar/discourse.vtk.org/alex_vergara/32/7082_2.png) [@Alex\_Vergara](https://discourse.vtk.org/u/Alex_Vergara)
#### Post date: [June 9, 2023, 12:20pm UTC](https://discourse.vtk.org/t/how-to-define-my-own-interactorstyle-of-vtkplanewidget/11643/3 "2023-06-09T12:20:05Z")

</div>

Since you don’t say anything else, this is how I did mine in JavaScript

> [@help setting Manipulator Style](https://discourse.vtk.org/t/help-setting-manipulator-style/11583):
>
> Hello I need help setting a specific Manipulator style in vtk.js, so far I have written function getInteractorStyle(){ // Interactor (view https://kitware.github.io/vtk-js/examples/InteractorStyleManipulator.html) const interactorStyleDefinitions = { // To be used by vtkInteractorStyleManipulator // Pan on Middle button drag and on Shift + Left button drag Pan: { klass: vtk.Interaction.Manipulators.vtkMouseCameraTrackballPanManipulator, options: [ { button: 2 }, …

---

_[View the full topic](https://discourse.vtk.org/t/how-to-define-my-own-interactorstyle-of-vtkplanewidget/11643)._