How to...

Floating Toolbar

The source code for the io.Connect Floating Toolbar is available on GitHub. You can use it as a template for creating your own custom toolbar.

Launchpad

The io.Connect Launchpad is available as a React Component on NPM - @interopio/launchpad-ui-react. You can use the component in your own apps and also modify it by passing different options. For more details, see the README file of the @interopio/launchpad-ui-react package.

Custom Toolbar

Once you have implemented a toolbar, you must host it, create an app definition file for it and add it to your app store. Make sure to set the "shell" top-level key to true:

{
    "shell": true
}

Modify the system configuration of io.Connect Desktop from the system.json file located in %LocalAppData%/interop.io/io.Connect Desktop/Desktop/config. Set the "useEmbeddedShell" property to false:

{
    "useEmbeddedShell": false
}

Restart io.Connect Desktop for the changes to take effect.