DIM (Dynamic Indicator Maker)
Dynamic Indicator Maker for Appsheet Devs
This app can be used to create a dynamic percent complete indicator in AppSheet. To create an indicator, enter the name of the virtual column that will be used in your app, select the indicator type (Horizontal, Circle, Vertical) and adjust the settings and colors of the indicator. The app creates a formula that you can then just copy and paste into any app virtual column. Here are some quick tips to get started: 1. Enter the name of the "Percent column type" you will be using in your app into the DIM tool. 2. Select whether you want a circle, horizontal bar or vertical indicator. 3. Adjust the corners of your indicator using the sliders provided. 4. Change the colors of the indicator based on your preferences. You can adjust the progress color, the background color and the text color. 5. As you make these selections, you can view a realtime preview of the indicator you are making at the top of the screen. 6. When you are happy with the look, simply copy the formula provided at the bottom (or right side of the screen if in full screen) and create an "image type virtual column" in your app with the formula provided.
Also see: tablet mode & fullscreen mode
How we built this app
This app create a single indicator that can be adjusted from 0% to 100%. These indicators are SVG images that are infinitely scalable and are a nice way to add some visual interest to your app. This app makes creating dynamic percent complete indicators easy in Appsheet. To create an indicator to use inside your Appsheet app, simply select the type, adjust the settings and colors and enter the name of the virtual column that will be used in your app. The formula creates a formula that you can then just copy and paste into your app.
This is a preview of the data sets used in the app.
This is a high-level model of both the data entities and the UI elements in the app.