Input Widget
Primary user input field for data entry in Calcs.com templates
Equation Widget
Use the equation widget to run calculations in Calcs.com templates, with conditional equations, @ shortcuts, throwError handling, and members export.
Text Widget
Guide to implementing text widgets as a subtype of equation widgets with Markdown support
Image Widget
Display static images in templates with the Image Widget, including its parameters, multiple images, conditional display, and data URI conversion.
Section Widget
Create section headers and organize content in templates
Table Widget
Create flexible tables with multiple column types for data organization and manipulation
Reference Tables in Equations
After you add a table widget, use its reference ID in other widgets with matrixSubset, col, T(), and related patterns.
Lookup Widget
Comprehensive guide to the versatile Lookup widget and its three main variants for different use cases
Lookup Data Table
Guide to creating lookup widgets with custom data tables defined directly in the calculator builder
Lookup Shared Table
Guide to implementing lookup widgets that access Excel file data with advanced filtering and data organization
Lookup Toggle
Guide to implementing toggle widgets for binary true/false choices in calculator templates
Dynamic Lookup Widget
Set up Dynamic Lookup Widgets that pull dropdown options from an equation widget matrix, set a default value with matrixSubset, and test the results.
Diagram Widget
Overview of diagram widgets for creating visual representations in Calcs.com templates
Map Widget
Display embedded Google Maps at specified latitude/longitude coordinates
GIS Widget
Guide to implementing GIS widgets for geographic data queries and mapping functionality
Framing Widget
Guide to the specialized framing widget for structural analysis templates
Remote Widget
Connect to server solvers for complex calculations and FEA analysis
Subsheet Widget (2-Way Linking)
Experimental widget for automatic creation of dependent calculations with bi-directional data synchronization
Special Members Equation Widget
Guide to implementing the special members equation widget with specific syntax for member collections
Widget FAQs
Frequently asked questions about implementing and configuring widgets in Calcs.com templates
What is a Widget?
Widgets are powerful tools used for representation, calculation, and organization of data in the calculator builder. You can think of widgets as the building blocks of every template. All widgets have a certain set of inputs (either entered by the user or obtained from another widget in the template), and a certain set of outputs which could be as simple as creating an interface for data entry or as complicated as a table with multiple columns and rows.Widget Main Functions
Input Interface
- Scalar data entry
- Data selection
- Table creation
Data Organization
- Structure complex data
- Manage relationships
- Control visibility
Calculations
- Mathematical computations
- Conditional statements
- Matrix manipulation
Visual Display
- Text and labels
- Images and diagrams
- Graphs and charts
Widget Interfaces
Widgets are built to have two interfaces:Preview Mode
For end users - summarizes important information meant for the user to see, comprehend, and input data.Pause Mode
For engineers - to edit their widgets in the template editor.Widget Components in Preview Mode
When expanded, widgets typically display:- Widget Description - Explanation of the widget’s purpose
- Formula Reference - Mathematical formulas used
- Reference Image - Visual aids and diagrams
- Checks - Validation and verification rules
Widget Components in Pause Mode
All widgets share these common sections:- Widget identifiers - Label, symbol, referenceId
- Default values - Initial values
- Visible if - Visibility conditions
- Widget core function - Type-specific functionality
- Checks - Validation rules
- Description - User-facing explanation
- References - Code/standard references
- Reference Image - Supporting visuals
- Author Notes - Internal documentation
- Other Options - Export, visibility settings
Widget Selection Process
Widget Management
Adding Widgets
Drag the widget type from the upper left side of the builder in “Pause” mode to create a new widget.Editing Widgets
Use the buttons at the upper right corner of every widget to:- Edit properties
- Delete widget
- Duplicate widget
- Move widget
- View information
Display Options
At the bottom of each widget (Other Options), you can control:Display Settings
Display Settings