Add a Button to a Tab

This article will teach you how to add a button to a tab across all of the CMSs that uCommerce supports from a single codebase.
The sample app project has examples on how to create both a client-side button and server-side button

Client-Side Button vs. Server-Side Button

Adding a Button to an Existing Tab

The Page Builder Pipeline

Prior to executing the page builder pipeline uCommerce will setup all default tabs. This means that you can modify the default tabs in regards to: remove a default tab, add additional tabs and add addition buttons to the default tabs.
The latter is the case this article will look into.

You have to implement your own pipeline task to hook in a button on an existing tab.

Finding the Right Tab

To help you find the right page and tab, The constants class has expanded so it now contains information that can be used to identify pages and tabs.
Below is an example on how to get the only tab on the search node in the settings part of the tree.

Adding Your Button

Before you can add your button to a tab, you have to actually create your button.
The example below is taken from the The sample app project and it shows how you can create a server-side button, which also execute some javascript on the frontend.