CommandBar & WeWeb

Is anyone currently using CommandBar with WeWeb? I’d love to sort best approach for implementing it with WeWeb + Xano.

For quick explorations you can install CommandBar with the vanilla js instructions.
Screenshot 2023-07-13 at 10-02-53 CommandBar Docs
Screenshot 2023-07-13 at 10-03-07 CommandBar Docs
Screenshot 2023-07-13 at 10-03-12 CommandBar Docs

Create a global workflow with a javascript action and the code from the dashboard without the boot part.
Call the workflow on page load. You can add a boolean variable to track the workflow execution and make it run only once.

After that CommandBar is available, you can follow the examples in the documentation using javascript actions in workflows. Remember to use wwLib.getFrontWindow() every time you see window in the documentation. (window.CommandBar.bootwwLib.getFrontWindow().CommandBar.boot)

This way you can explore and expriment functionality. When you want to improve the developer experience you can think about creating a custom plugin to make the use more nocode friendly.

1 Like