Introducing the BillingPlatform Web Toolkit

The BillingPlatform Web toolkit is designed to enable the ability to quickly and easily support any User Interface design desired to create the ideal user experience for any use case where user interaction is involved. The toolkit provides JavaScript and HTML tag libraries that a developer can leverage to rapidly produce highly specific web input and display tools.

The Tag libraries encapsulate the HTML, CSS and structure for reproducing all of the standard, UI components with the same look and feel for seamless integration into the rest of the app. The JavaScript libraries provide easy access to the operations necessary for data retrieval and processing. These powerful libraries dramatically simplify and speed application development by consolidating what would be hundreds of lines of code into a few simple commands or tags.

The toolkit also leverages modern web technologies like HTML 5, jQuery, ReactJS, JSX and AJaX to allow developers to create the most robust user interaction possible in a web browser. All toolkit code and components run in the Browser and utilize the REST API for all Data Access.

The toolkit provides two primary means for extending the BillingPlatform User Interface:

  1. Page Widgets: Web pages that provide a complete, specific solution
  2. Extension Widgets: Components that can be incorporated into the Standard UI for enhanced functionality.

The Components can be incorporated or integrated into the application framework in the following three ways:

  1. Standard Button and Action Overrides
  2. Custom Buttons and Actions
  3. In-line, standard page layout extensions

Standard button overrides can leverage either Page or Extension widgets in the following ways:

 

EXAMPLE 1 Override the Edit, View, or New
display modes


with a custom version of the standard UI using a Page Widget. For example, your organization have a specific flow for creating and managing customer contracts and rates. You may have a highly complex package and product structure that requires automation or integration with an external system for product provisioning. In both of the above cases, you can leverage the toolkit to create a rich, integrated user experience that reduces the number of clicks, manual processing or applications involved in each process increasing user productivity and reducing the opportunities for errors in manual user input.

 

 

 

EXAMPLE 2 Override Submit and Delete buttons


with before and after processing for validations, integrations, warnings or anything else you may need for pre and post processing of User input from the standard pages. For example, you may want to leverage an address verification web service to ensure that a valid address is supplied with each account creation or update. You would leverage the toolkit’s before processing action in the “Submit” action to call out to the Address verification service passing the user-supplied address fields, and interrupt the submission displaying an error message if the address is not valid. You may want to add a conditional rule based on data in another system preventing the deletion of a record or send a notification to another user or system after a record has been deleted.

Toolkit Limitations

As mentioned previously, the lightweight toolkit components run in the browser and as such, the web toolkit cannot be used for server-side processing like one might expect from a database trigger or batch process. The current version of the toolkit is also intended for extending the standard, back-office application for authenticated users only and is not intended for non-authenticated access or for use as a stand-alone application. Stay tuned for updates to the toolkit that will extend its capabilities as well as future platform features for server-side processing.

Learn More

Have more questions? Submit a request

Comments

Powered by Zendesk