What are Mashups and Masters in ThingWorx?
This section explains how to work with mashups and masters.
Mashups are visualizations for Web pages that display data from a ThingWorx model or devices based on the business and technical requirements of your solution.
Use the Mashup Builder to create the user interface for your solution. The Mashup Builder combines the data services available in ThingWorx with a set of visualization components, called widgets, to create unique Web pages. The Web pages combine data from multiple sources.
Consider these concepts for building mashups:
Widgets are the components that you place on the mashup. A widget can be a grid or chart for data rendering. Widgets also include basic HTML elements such as text boxes, buttons, and navigation links.
ThingWorx data services are used to retrieve data that can be used in the mashup. Visualization widgets are used to display the data on the mashup.
Services can also be called in response to other service states and user interaction.
Widgets support styles and states. For example, a text box supports a style for the font size, font color, and background color, but does not support changes in color for different states.
A value display supports a change in style based on the state. For example, you can set red color for a specific threshold value. If the value in the display widget reaches this specified threshold value, the color of the widget changes to red.
Style theme is a set of properties such as text, colors, and lines that you apply to elements in a mashup. When you apply a style theme to a top-level mashup, it is also applied to all embedded widgets and mashups. You can manage styles for multiple mashups with style themes.
New widgets available in ThingWorx 8.4 and later releases, will use style themes. The style definitions will be deprecated in a future release. It is recommended to use style theme features instead.
A master mashup provides consistent framing for the contents of a mashup. This is similar to a master page or template. A master is commonly used for items that display throughout the mashup, such as logos, menus, titles, headers, footers, sidebars, and so on. You can reuse a master mashup to get the same look and feel across the solution.
You can create different masters for different projects, or one for all your mashups, depending on requirements.
Types of Mashups
You can create different types of mashups:
Static—Statically sized to the dimensions that you define. When displayed in a lower resolution, it has scroll bars, and in a higher resolution it leaves an unused space around the mashup.
Responsive—Fills to the resolution of the display. It does not leave any unused space around the mashup.
Responsive (Advanced)—Fills to the resolution of the display. Enables you to arrange items within a container using the advanced Flexbox-based containers.
Was this helpful?