MODERNIZE YOUR POWERBUILDER USER INTERFACE

Feature \ Product Tour

If you use web or mobile apps enough, you've most likely experienced a product tour at some point. Product Tours guide you through an application, pointing out important features and to a certain degree, how to use them.

The Product\Feature Tour control that will allow you to setup a tour of your application (the visible parts) or call out a single new feature.

In addition to pointing out new or existing features, you could also use it to point out important validation issues. You can use a variety of predefined colors for each callout allowing you to customize the look for the action.

PowerSnip

PowerSnip allows your users to take focused screenshots within your application. This tool is great for providing user or testers to snip parts of the application that have issues. These screenshots can then be sent back to developers for analysis.

Image Editor

With the PowerBuilder Image Editor, right in your own PowerBuilder application, you can:

• Open image files or paste from the clipboard.
• Unlimited Undo and Redo.
• Rotate Left or Right.
• Flip Horizontal or Vertical.
• Crop.
• Apply Effects such as, Black and White, Brightness, Contrast, Grey Scale, Inverted Colors, and Sepia Tone.
• Zoom and Pan.

XP Listbar

The XPListBar duplicates the look and behaviour of the listbar commonly found in XP applications such as the Control Panel.

Use this control to logically group application functions. Each group can contain links, labels and lines. Group headers can take on three styles, bolded background, collapsible or non-collapsible.

Toolbar Strip

Add a toolbar to any window or user object in any location without the use of a menu object. With the toolbar control you can:

• Align buttons to the left and\or right.
• Display text next to the button image or under it.
• Group similar items into a drop down menu.
• Change the visual style.
• Apply a small, medium, large or xlarge button size.
• Display in a vertical or horizontal orientation.
• Add PB controls like dropdowns and single line edits.
• Set tooltips for each button.
• Toggle buttons so they appear selected.
• Theme support.

Toggle Button

A button with two states, on or off.

• Supports rounded or square shapes.
• Theme support.
• Optionally display text in the toggle button.

Tab Control

Replace your old PowerBuilder tab control with the Ultimate Suite Tab Control to give your applications an instant facelift. The tab control can be customized in a number of different ways:

• Allow users to move tabs around to change the order.
• Dynamically close all or one tab.
• Display a close button at the end of the tab strip, in the currently selected tab, or in all tabs or not at all.
• Allow users to navigate tabs with scroll arrows or with a drop down arrow.
• Dynamically enable, disable, hide or show any tab.
• Open PB userobjects or windows within the tab control.
• Display images and text in each tab.
• Change tab text color
• Support for many different theme colors and tab styles.

Step Progress Bar

The Stepbar control is perfect for displaying overall progress through a series of more complex steps. Any number of steps are allowed and will size to fix the width or height of the control. Both horizontal and vertical orientations are supported.

• Add any number of steps.
• Select from many pre-defined colors.
• Supports both vertical and horizontal orientations.

Query Builder

A graphical SQL generator much like the one found in the Datawindow.

• Supports SQL Server, Oracle, SQL Anywhere, ASE, and Generic ODBC datasources.

PowerToast (toast and alert notifications)

Display a toast notification to users.

• Traditional toast messages give you message titles, message text, and an image.
• The new Alert style makes it easy to display a quick message with icon in many different pre-defined colors.
• Both Toast and Alert messages come with a variety of animations.

PowerRating

Use this control to visual represent a value from 0 to any upper value (e.g. 0 to 5 stars. You can display 20 stars if you want). Think of it as a progress bar but in star form.

• Customize color.
• Allow users to select rating, either as a whole star or partial star.

PowerCard

Cards are a nice way to combine imagery with text.

• Customize text area height, fonts, font size, and font color.
• Change corner radius.
• Use with, or without images.

PowerCalc

A responsive calculator control.

Properties Grid

Display a list of properties and values. Choose from many property types such as Image, Color, Lists, and Checkboxes.

Profile Picture

The profile picture control displays an image in a variety of different frames.

• Customize frame color, thickness, and shape.
• Display images from physical files or Blobs retrieved from a database.

Outlook ShortcutBar

The Outlook Style Bar is meant to duplicate the look and behavior of the navigation control commonly found in Outlook.

• This control supports any PB object. For example, it can be used to display custom user objects or datawindows.
• Objects are represented by buttons and are made visible when the button is clicked.
• Buttons can be listed in the main view or minimized as icons in the controls icon tray.
• Theme support for a variety of different looks.

Loading Circle

This control displays a rotating loading circle to indicate a long running multi-threaded process.

• Pre-defined styles
• Color is configurable.

Folder Explorer

The folder explorer control gives you the ability to add folder and file explorer functionality to your application.

• Displays system default file and folder icons automatically.
• Choose to display files or just folders.

Image Comparer

If your users need to compare two images, this control can help you minimize the amount of space needed on your screen. Using an overlay, users can move a slider to reveal the second image.

• Slider supports vertical and horizontal orientation.
• Pick from a list of pre-defined colors.

Group Box

This groupbox offers a few improvements over the native PowerBuilder groupbox:

• You can add an image and display a gradient background.
• Rounded or square corners.
• Numerous styles and themes to pick from.

Gradient Header

The Gradient Header gives you the flexibility to dislpay "header text" with images and supplementary text, also with an image.

• Display combination of text and image.
• Numerous styles and themes to pick from.

Datawindow Navigation

This simple control lets you scroll through rows of your datawindow with ease. The following features are available:

• Scroll to first, next, previous, or last row.
• Includes buttons to allow your users to insert or delete rows.
• Theme support.

Datawindow Controls

Most of our PowerBuilder applications are heavily data driven and rely on the datawindow to display and persist data. Having new UI controls available right in the datawindow will make it easier for you to use them in your applications; Easier to display, print, or export to PDF.

Here are the available Datawindow Controls:

Circle Progress

This control is used to visually display a percentage or progress value. You can change the color to one of many built in colors. The thickness of the circle is also configurable.

Profile Pictures

Profile pictures are becoming very common in many of the applications we use today. Currently, you can add images to a datawindow; So what's so special about this control? With this profile picture control you can select from three different frames (Square, Rounded Square, and Circle). You can also change the frame color and thickness. Images can be sourced from binary columns in the database, or from physical files on the file system.

Rating Stars

Rating stars can be used for a variety of different data. Ultimately, you use it to visual represent a value from 0 to any upper value (e.g. 0 to 5 stars. You can display 20 stars if you want). Think of it as a progress bar but in star form.

Toggle Button

As it is with profile pictures, toggle buttons are very popular in modern software. It's an elegant way to represent any On/Off state. It's something we are all use to seeing and will immediately know what it does.

Drag File Selector

Drag File Selector accepts files to be dragged from supporting systems (e.g. Windows Explorer), into your application. The visuals in this component are similar to that found in web sites that allow files to be dragged into it.

Circle Progress

The Circle Progress control allows you to visual display a percentage of completion. Customizable features include theme, circle thickness, font, and font size. Instead of displaying a percentage, you can display an image in the center of the circle.

Button Listbar

The Button Listbar provides users with a list of options that they can select. Each option is represented by a button. Two styles of buttons are available, Image over Text or Image beside Text. In addition to picking a style, you can:

• Set buttons to be small, medium, large or xlarge in size.
• Enable or disable items.
• Dynamically set button text.
• Toggle button to display as selected.

PowerMenu / PowerMenu Pro

A ribbon style menu that replaces your traditional PowerBuilder menu. Give your users a ribbon style UI.

PowerMenu reads data directly from your PowerBuilder Menu. With a few tweaks to your existing PowerBuilder menu you can:

• Group relevant functions into tabs.
• Expose more functionality to your users.
• Move common functions to the Backstage menu.
• Organize your menu items with large and small icons or use a drop down menu.
• Add frequently used functions to a quick access toolbar.
• Allow users to collapse ribbon to maximize screen size.

PowerMenu Pro takes it one step further and gives you a custom windows caption bar.

Single Page Applications

With this SPA window, all you need to do is let the window know which user objects you want to display on screen and what label to associate for navigation. The rest is taken care of for you.

Features include:

• Custom window caption.
• Toolbar in windows Caption.
• No coding application navigation.

Tabbed Caption

The Tabbed Caption window organizes opened windows as tabs in the windows caption bar. This window is easy to use and gives you functionality similar to what you find in most modern web browsers.

Features include:

• Custom window caption.
• Display open windows and user objects as tabs in windows Caption.
• Modern UI for single purpose applications.

PowerBuilder Caption-less Window

Blank slate so you can design your window how ever you wish.

Features include:

• Theme support.
• Custom background and foreground colors.
• No caption bar.
• Drag and Aero snap support.

PowerDock

PowerDock is a tabbed document interface used to replace PowerBuilder's traditional MDI frame window. It gives users a tabbed interface to navigate between open windows. Additionally, it allows you to dock and pin commonly used functions to the top, bottom, left, or right sides of the window.

Other features include:

• Floating document tabs.
• Dynamically change a dock panels size and pinned\unpinned state.
• Trigger events on the active document or all documents.
• Like the dock panel but prefer MDI? Use traditional MDI instead of the tabbed document interface.

PowerTiles

PowerTiles is a Windows tiles control that can be used for better navigation within your application. The design is responsive which means the layout will adjust to the size of the container that it's in (when resized by the container).

Use this control to quickly present users with core options and functionality available in your application.

PowerModal

PowerModal allows you to display any window as a modal window, with a faded overlay. The faded overlay brings attention to your modal window while giving your users an indication that your application is in a holding state until it receives input.

PowerMessage

PowerMessage is a new way to display messages to users. It replaces the traditional PowerBuilder MessageBox function, offering a more modern look and feel. The API for PowerMessage closely lines up with the MessageBox function which makes it super easy to make the switch.

Command Buttons

Ever wish you can give your command buttons an icon and a bit more color? Now you can. When you place this command button on your window, you'll see that in the IDE it appears as a normal PowerBuilder command button. However, you'll notice that you now have a few extra properties that you can set.

• TipText - Allows you to add tip text to the button.
• VisualStyle - Default is 1 (see image below), valid values are 1-5. Try them out to see which one you like best.
• Ellipsis - If the text is too long for the button, an ellipsis will appear.
• Theme - Default is Classic, valid options are BLUE, SILVER, OLIVE, CLASSIC, and BLACK.
• IconName - This can be an image file or a PB icon (e.g. Save!).
• HTextAlign - Default is Center!, valid options are Left!, Center!, and Right!
• Set Progress - Display a progress indicator across your button

Dozens of Built in Themes and Styles

Ultimate Suite for PowerBuilder offers theme support for each control. Choose from a wide range of colors or styles. Many of the individual controls also support their own unique styles giving you many more options when designing your UI.