Widgets

What is a Widget ? Enrich your applications with content for your users NOTE Not all widgets are available on all instances and subscription plans. Reach out to support@tulip.co to enquire about enabling additional...

What are Input Widgets? Collect data from your users with input Widgets . Each Input Widget supports different types of Variables . All inputs must be tied to the location where their value will be stored. How to Map Input Widgets to a Stora...

Embedded Widgets are a collection of widgets that extend the capabilities to enrich your apps for your users. Display CAD models live-updating views of your Tulip Tables , videos, and more. What Does Each Widget do? NOTE ...

How To Use Buttons in Apps Button Widgets are one of the primary ways to create Triggers in your apps. To add a button in a particular step , open the step in the Tulip App Editor and click on “Buttons” from the Toolbar . There are...

Overview Every element within your application, which Tulip calls Widgets , can be configured to best suit the desired form and function. Different Widgets support different configuration options. These settings can impact many different attrib...

Enter data onto any step using Input Widgets In order to cut down on the number of steps and routing options an operator must go through, it is often easier to enter data within an instructions step. You can also write directly to Tulip Table...

Here's how to add and modify an Interactive Table widget In this article, you will learn... What is an Interactive Table widget? How to use Interactive Table widgets Note: In order to use this tutorial, it may be helpful to understand...

When creating an app, sometimes a set of instructions is best illustrated using instructional videos . In these cases, it is useful to be able to embed video(s) into your app. There are two primary ways to embed videos in Tulip. The first utilize...

Overview Here's how to include an analysis in an App. One of the best ways to engage users with the Tulip platform is to provide them with data driven information about what's happening on the shopfloor. One great way to achieve this is to e...

Purpose In this article, we'll cover the basics of working with Files in Tulip and the steps to be able to upload your files into apps. You'll learn the supported file formats and sizes as well as how to use the File Input Widget . Say your use...

Note The Document Widget needs to be enabled by Tulip Support. Reach out to support@tulip.co to enable. Sometimes, it's easier to embed an entire PDF in Tulip rather than recreating content on a Step . For exampl...

Only display the currently applicable options in a dropdown Widget In this article you will learn... How to conditionally change the content of a dropdown widget To best understand this article, make sure you have understood the ...

Here's how to add a checkbox or toggle to a normal step within an app. Sometimes, it may be easier for an operator to fill out a checklist or complete an inspection in a normal step, rather than a Form Step. If you use a normal Step , you can...

Learn how to display barcodes directly within your Tulip applications! The barcode Widget allows you to create and display barcodes directly within Tulip. Here is how you can add a barcode widget to your frontline operations app. Navigate to...

The Grid Widget allows you to design steps with clear labels and data values. When you are a designing a step in an app, you may want to use a visual grid to structure your data and include clear labels with data points. Here's an example of a...

Here's how to migrate content between multiple apps. Purpose After you start building multiple apps in Tulip, you may find that you need to copy content from one app to another. For example, you may upload an image to one app, but realize i...

How To Add a Gauge Widget To Your Step Use the embeddable Gauge to visualize progress towards a maximum value There are many ways to view the live status of a variable in Tulip. One way is to use the Gauge visualization. This is a "progress ba...

Build your own widgets in Tulip using HTML, CSS and JavaScript Custom Widgets Overview Build your own features in Tulip using HTML, CSS and JavaScript. Library widgets available here: https://tulip.co/library/?query=Widgets Intro...

Warning As of r234, Form steps have been disabled for all new Tulip Instances. Here's how to allow operators to sign their approval within an app. NOTE This feature is only available on En...

Learn about ways to validate data in Tulip using widgets, buttons, and triggers. Using data validation for operator inputs reduces quality issues and standardizes forms used in your process. If a user enters a data value that doesn’t match the v...

Warning As of r234, Form steps have been disabled for all new Tulip Instances. The guide to Form Steps gives a full overview of the various ways that you can customize a form in Tulip. This article will list out al...

There are three ways to add Image s to your frontline operations app: Copying and pasting from your computer's clipboard in Chrome Manually uploading from your desktop Using an image URL Copying and Pasting Images You can copy and pas...

Learn how to use an Electronic Signature Widget in your Tulip applications to sign data. NOTE This feature is only available with the Enterprise license type. In order to make compliance simple and natively par...