Dialog box in VS code extension

Question

I want to create the dialog/modal window in vs code. How to create it? I have tried using web view but not got successes. Can any one help me?

Thanks in advance.

Answer 1

It's not possible to show more than a simple input or yes/no dialog in VS Code. This is an IDE focused on editing code, not creating entire workflows.

Hence the only way to accomplish a wizard like style is to implement that yourself using a webview (as mentioned a few times in the comments). However, webviews are normal tabs, not modal dialogs, which is all what you can get.

On the other hand, it's not really a limitation if the user can switch to other places in VS Code while running your wizard. The webview is in itself modal and you cannot do anything else in that webview while the wizard is running.

And finally: modal dialogs are considered problematic UI, as they force the user into some special mode, which is often counter productive. Which means, they should be used with great care.