Custom Buttons and Labels for QuickPicks

[nturinski]

It would be great to be able to add some custom buttons to our QuickPicks, especially for our Azure Extension wizards. Specifically, being able to have an "OK" button would be useful so that the user can confirm without clicking on a quick pick item.

Here is an example of what I am referring to:

I think that the simpleFileDialog already leverages some unexposed properties to do this already.

vscode/src/vs/workbench/services/dialogs/browser/simpleFileDialog.ts

Lines 280 to 281 in 91b97ce

	this.filePickBox.customButton = true;
	this.filePickBox.customLabel = nls.localize('remoteFileDialog.local', 'Show Local');

@isidorn

[TylerLeonhardt]

We have buttons in the title bar and in each individual item:

I would love to empower extension authors to do whatever they want to the quick pick but I need to know more reasoning for this beyond an "OK" button.

so that the user can confirm without clicking on a quick pick item

The user could also use their keyboard, of course. Which would be an alternative to clicking on a specific item.

[vscode-triage-bot]

This feature request is now a candidate for our backlog. The community has 60 days to upvote the issue. If it receives 20 upvotes we will move it to our backlog. If not, we will close it. To learn more about how we handle feature requests, please see our documentation.

Happy Coding!

[nturinski]

Our use case is very similar to the SimpleFileDialog. We want users to be able to click the folder quickpick to drill deeper into the directory, but the OK button would be how they make their final confirmation.

[TylerLeonhardt]

Fair enough. I guess in the meantime you could use a ✅ button until an API for this is available.