Great Things Come in Threes: Announcing Brazos 3

Scott Francis
Next Post
Previous Post

This is a big week for us. Brazos UI adoption has never been faster – with more registrations in the last month than any month previous, over 450 registered developers, and more than 44 production deployments leveraging Brazos UI.

Great things come in threes.  This week we have 3 product announcements, and we’re announcing Brazos 3.  Included within Brazos UI, we’re shipping a brand new product, Brazos Charts.  (Our third announcement will come later this week).

The biggest addition to Brazos 3 is Brazos Charts – which because of synergies with Brazos UI we’re going to release them as one package..  Brazos Charts are responsive SVG graphics that integrate easily with your existing BPM development in the IBM Process Designer.  But Brazos Charts wasn’t the only addition – we also included new examples in our Samples App, and improvements to several major controls, as well as a number of fixes based on client requests.

We have all the details on our support site.  But sometimes a video is worth a thousand words:

BP3 Brazos UI v3.0.0 is available for download! Now including Brazos Charts. version 3 is still fully compatible with your existing v2.x Brazos Coaches, and versions of IBM BPM going all the way back to 8.0.1.1

Key improvements for this release include:

  • Brazos Charts allows you to easily visualize your data and incorporate graphical information in your BPM coaches and dashboards. The first release of Brazos Charts includes Stacked and Grouped Bar Charts, Horizontal Bar Charts, Line and Area Charts, Pie and Donut Charts, and Bullet Charts. Like all Brazos controls, the charts are built on a responsive UI framework so they look great on any screen, desktop, tablet, or phone. Brazos Charts can be populated with local data binding or AJAX services for improved performance and dynamic interaction. User interaction with the charts can be captured to dynamically impact the data you display, and “on-click” boundary events can trigger drill down capabilities. Brazos Charts also include many flexible configuration options so you can display your data the way you want. Note that Brazos Charts are implemented as SVGs and therefore will not work with IE8.
  • Data Table Control Improvements:
    • Data Table width and column widths can be defined.
    • Data Tables can use local binding to populate the table.
  • Tabs Control Improvements:
    • Tabs support lazy loading capabilities to improve performance.
    • Hide the Tab Navigation or hide individual tabs.
  • Buttons can be displayed as a link.
  • Bug Fixes and Updated Examples via the Brazos Examples Process App. For full details of the changed in this release you can view the release notes.

One of the things I love about Brazos UI development is the transparency BP Labs provides to our progress.  The release notes do a great job of exposing how professionally our team is addressing improving the product incrementally and with precision. A sampling of the 3.0 release notes is included below, but our release notes page goes all the way back to early versions of Brazos – as part of our commitment to making this the very best platform for building BPM user interfaces.

  • v3.0.0 is fully compatible with v2.x.
  • [New Coach View Group] [Charts]: You can now visually display your data using fully responsive graphs. The charts included are the Bar chart, Pie Chart, Line Chart, Horizontal Bar Chart and Bullet Chart. All graphs include:
    • Brazos Charts are implemented as SVGs. IE8 does not support SVG, so Brazos Charts do not work on IE8.
    • Data can be fetched by an Ajax service or by a local data binding
    • Interactable – Clicked area data is stored and boundary events can be triggered. This allows powerful patterns like drill down.
    • Fully responsive – Adapts to screen size and it’s visibility can be manipulated depending on the device
    • Fixed size – If you don’t want a adaptable graph you can define it’s dimensions
    • Interactable Legends – You can include/exclude series from the chart data.
    • Optional tooltips when hovering specific areas of the chart.
    • Controllable area colors
    • Charts can be used inside any other Brazos Control except for the Data Table.
  • [New Coach view] [Bar Chart]: It belongs to the Charts group, so all functionality defined there is available. Refer to [New Coach View Group] [Charts] text in the beginning of this release.
    • Display data as columns or as stacked columns.
    • Control axis format, position and visibility
  • [New Coach view] [Pie Chart]: It belongs to the Charts group, so all functionality defined there is available. Refer to [New Coach View Group] [Charts] text in the beginning of this release.
    • Display data as a pie or as a donut.
    • Control label format, position and visibility
  • [New Coach view] [Pie Chart]: It belongs to the Charts group, so all functionality defined there is available. Refer to [New Coach View Group] [Charts] text in the beginning of this release.
    • Display data as a line chart or as a area chart.
    • Control axis format, position and visibility
  • [New Coach view] [Horizontal Bar Chart]: It belongs to the Charts group, so all functionality defined there is available. Refer to [New Coach View Group] [Charts] text in the beginning of this release.
    • Display data as columns or as stacked columns.
    • Control axis format and position
  • [New Coach view] [Bullet chart]: It belongs to the Charts group, so all functionality defined there is available. Refer to [New Coach View Group] [Charts] text in the beginning of this release.
    • Control labels and values
  • [Improvement] [All]: Added documentation and WCAG_AA tag to all coach views with accessibility features that make them appropriate to use in processes needing to meet WCAG Level AA conformance.
  • [Improvement] [Data Table]: Data Table width can now be defined. It accepts px, % or em.
  • [Improvement] [Data Table]: Columns width can now be defined in px, % or em. If you want a column to wrap to it’s content size use 1%. Example of usage: 40%,40%,20%,1%. The column with 1% will adapt to it’s content size taking the leas space possible. The rest of the available space will be applied to the columns on the percentages provided.
  • [Bug Fix] [Data Table]: When modal was being used inside a Data table it was reserving some white space.
  • [Bug Fix] [Brazos template]: On IE8 only, if the portal was on https a warning issue would appear and the icons will not load.
  • [Bug Fix] [Input String]: When using a Input String inside a table that had strict typeahead, the .listSelected was not being updated.