Retool utilities

Author: m | 2025-04-23

Retool Convert CSV to JSON Utility. The first method to convert CSV to JSON is a free utility provided by a company called Retool. The Retool Convert CSV to JSON utility is

Create Amplify Central Utilities with Retool

What is Retool?Retool is a development platform that allows developers to quickly build custom internal tools and dashboards for their businesses. Retool offers a drag-and-drop interface and pre-built components, making it easy to create applications while writing little code.Who uses Retool?Retool is used by a variety of businesses, from small startups to large enterprises, across industries such as healthcare, finance, and e-commerce. Retool is particularly useful for businesses that rely heavily on internal tools and dashboards to run their operations, as it allows for the creation of custom applications tailored to their specific needs.What databases does Retool support?Retool supports a wide range of databases, including MySQL, PostgreSQL, Microsoft SQL Server, Amazon Redshift, and Google BigQuery. Retool also offers integrations with popular APIs and services such as Stripe, Twilio, and Slack, making it easy to incorporate data from these sources into Retool applications. Here is a list of all our different integrations. Skip to main contentIf your business relies on scheduling and coordination of time, it’s helpful to automate as much as possible to reduce friction for customers. With Retool, you can build a tool that allows customers book time on a calendar using the Google Calendar API availabilities.IndustrySoftware as a ServiceFinancial ServicesHealthcareEnd usersOperationsCustomer SupportComponentsTableButtonText InputNoteComponentsBuild from a handful of drag-and-drop componentsTextprovide context to make booking an appointment clear and easy.Buttontrigger actions like scheduling a session with the click of a button.Noteallow users to add custom notes about the meeting being booked.Tabledisplay helpful data in a table.Text Inputfilter table results with a text input component.Data sourcePull in estimate data from a Google API and Airtable. Retool connects with dozens of APIs and data sources out of the box. See all of our integrations here.1. Create resource2. Read data3. Connect data with UIRelated use casesWhat you can build with RetoolEddy KimEngineering Manager at VerishopUsing Retool, we've built internal tools for our retail and merchandising teams quickly, while maintaining our speed on feature development for our shoppers.Try Retool todayStart building an internal tool or customer portal in under 10 minutes

Building Internal Software with Retool Utilities - toolpioneers

A content area to display an image.Settings​Image includes the following configurable options when building apps in the IDE.CornersEvent handlersHiddenShow on desktopShow on mobileMaintain space when hiddenMarginFitRatioFile inputAlways show in edit modeSourceSourceStylesProperties​All properties for Image with supported data types or values. You can write JavaScript almost anywhere in Retool to manipulate or read property values.ValuessquareSquare corners.roundRounded corners.Self-hosted Retool deployments only. The ID of the uploaded image when srcType is dbBlobId.A list of configured event handlers that trigger actions or queries.PropertiesThe event type. Refer to the events section for a list of supported events.The JavaScript method to perform when type is datasource, widget, state, or localStorage.The type of action to perform.ValuesdatasourceControl query.widgetControl component.scriptRun script.stateSet variable.localStorageSet localStorage.utilPerform utility action (e.g., Open URL or Confetti).Whether the object is globally scoped for use in all app pages.Whether the component is visible.Whether the component is visible in the desktop layout.Whether the component is visible in the mobile layout.Whether the component takes up space on the canvas if hidden is true.The amount of margin to render outside.Values4px 8pxNormal margin.0No margin.How to render images to fit.ValuescoverScale the image to fit the area while preserving the aspect ratio.centerCenter the image.stretchResize the image to the same dimensions as the area.containScale and clip the image to fit the area while preserving the aspect ratio.The ratio of width-to-height.Values22:1 ratio.1.33333333333333334:3 ratio.11:1 ratio.0.753:4 ratio.The file's data when using a file not stored in Retool Storage.retoolStorageDynamicInput​stringWhether retoolStorageFileId is set dynamically.The Retool Storage file ID if srcType is retoolStorageFileId.Whether to remain visible in the editor if. Retool Convert CSV to JSON Utility. The first method to convert CSV to JSON is a free utility provided by a company called Retool. The Retool Convert CSV to JSON utility is Refer to the latest version of Retool Docs if you use Retool Cloud or an Edge release of self-hosted Retool. Queries and code. Reference. Libraries. File Utils. On this page. The File Utils

Connect to the Retool API

Skip to main contentA fast and simple MongoDB browser clientFull featured MongoDB browser client GUIExplore, visualize, query your MongoDB data through Retool’s simple GUI. You can also inspect your schema, save and share queries, and run ad hoc analyses quickly. Pull JSON results into a text or table component for easy reference and inspection.IndustrySoftware as a ServiceComponentsTableTextText InputDropdownComponentsBuild from a handful of drag-and-drop componentsTabledisplay the output of a query and control your table appearance and the visible columns.Textthe simplest components out there — use text components statically as labels, or dynamically to display values.Buttontrigger actions that do things like run queries, export data, or open other apps.Text Inputtake a text input to modify the parameters of a query — say the `ILIKE` in a SQL statement, or a URL parameter in a REST query based on the value of the component.Dropdownallow users to select one value from a list of options.Containerorganize your admin panel by using containers as top-level components and to nest other components.Data sourceConnecting your Mongo data to Retool is easy: just grab your credentials or use a connection string. Retool’s MongoDB client supports Atlas as well as self-hosted MongoDB on other clouds.1. Create resource2. Read data3. Connect data with UIRelated use casesWhat you can build with RetoolDuncan WinterHead of Product at LeadGeniusEngineers tell me it'll take a day, but it always takes a week. Retool gives me every tool I want, in just a few hours. It's changed the trajectory of our business.Try Retool todayStart building an Steps is a set of UI elements that represent sequential steps. It can be linked to Container to create Stepped Container.DataHeightHiddenAlignShow on desktopShow on mobileOptionsMaintain space when hiddenMarginOrientationAlways show in edit modeStylesValueAll properties for Steps with supported data types or values. You can write JavaScript almost anywhere in Retool to manipulate or read property values.JavaScript API methods for interacting with Steps. You can write JavaScript almost anywhere in Retool and use methods to manipulate data and property values.scrollIntoView​Scrolls the canvas or parent container so that the selected component appears in the visible area.steps.scrollIntoView(scrollIntoViewOptions)ParametersscrollIntoViewOptions​objectThe scroll options.PropertiesValuesautoScroll immediately to the specified position.smoothScroll gradually to the specified position.The scroll position relative to the component.ValuesnearestScrolls only the minimum amount required for the component to appear in the visible area. Scrolling does not occur if the component is already in view.startScrolls to position the component at the top of the visible area.centerScrolls to position the component in the middle of the visible area.endScrolls to position the component at the bottom of the visible area.

Retool AI Agent – How AI Agents Work with Retool Best Use

Learn about Retool's IDE for app development.Multiplayer enables multiple users to edit the same app simultaneously.The App IDE is the interface you use to build Retool apps. It is made up of these primary areas:Canvas: Arrange components to build your app's interface.Navbar: Configure, preview, share and manage your app.Left panel: Explore components, queries, transformers, and constants.Right panel: Create and edit components.Status bar: Select the app environment, releases, runtime, and debug apps.Canvas​The canvas is where you build the interface for your app. You drag and drop components from the left panel.The canvas contains frames in which you can place components:Main: The main area of the app that contains most components.Header: The horizontal area at the top of the Main frame that remains visible.Sidebar: The vertical area to the left of the Main frame that remains visible.Drawer: A slide-out container on the right side of the Main frame.Split Pane: A resizable canvas adjacent to the Main frame.Modal: A window displayed over your app.The Header and Sidebar frames are optional areas that are primarily designed for navigation. The Drawer frame is also optional, and is useful for displaying forms and granular data.Canvas max width​To adjust the maximum width of the canvas, click the gear icon on the left and update Set max canvas width. By default, the maximum width is 1560px. This setting accepts pixel and percentage values, or you can set it to none so that the app uses 100% of the viewport. On desktops, regardless of the value, an 800px minimum is enforced.Main frame​The Main frame is the primary area of your app. This is where you place and arrange the majority of your app's components and where most interactions take place.The Main frame is always present and cannot be disabled.The Header frame allows you to build a header for your app. Once enabled, it initially contains a Navigation component to create a horizontal navigation menu.Header frame in user mode previewThe Sidebar frame is available on Retool Cloud and on Self-hosted Retool versions 2.106 and later.The Sidebar frame is primarily for building navigation into your apps. On first use, it initially contains the following components:An Image component with a default logo.A Navigation component.An Avatar component.You can drag any components into the Sidebar frame in much the same way as the Header and Main frames. As the Sidebar frame is designed to appear vertically, it has specific size and layout constraints:Fixed 240px

Convert JSON to CSV - Retool

A content area to display treemaps.The Treemap component renders hierarchical data as nested rectangles. Treemap is useful for visualizing data with many categories and comparing the size and relationship of those categories.Refer to the charts guide for more information on building charts.Settings​Treemap includes the following configurable options when building apps in the IDE.Chart typeHiddenShow on desktopShow on mobileMaintain space when hiddenMarginAlways show in edit modeStylesProperties​All properties for Treemap with supported data types or values. You can write JavaScript almost anywhere in Retool to manipulate or read property values.The type of chart to display.ValuesbarBar Chart or Stacked Bar Chart.bubbleBubble Chart.funnelFunnel Chart.heatmapHeat Map.lineLine Chart or Sparkline.mixedMixed Chart.piePie Chart.plotlyJsonPlotly JSON Chart.sankeySankey Chart.scatterScatter Chart.lineSparkline.sunburstSunburst Chart.treemapTreemap.waterfallWaterfall Chart.Whether the object is globally scoped for use in all app pages.Whether the component is visible.Whether the component is visible in the desktop layout.Whether the component is visible in the mobile layout.The link color scale for the chart, input as an array of colors.linkColorArrayDropDown​stringThe link color scale for the chart, manually selected.The input mode for the link color scale.ValuescolorArrayColor array.gradientColorArrayGradient color array.colorArrayDropDownColor array dropdown.linkGradientColorArray​arrayThe link color scale for the chart.Whether the component takes up space on the canvas if hidden is true.The amount of margin to render outside.Values4px 8pxNormal margin.0No margin.The paper background color.The plot background color.A list of selected points.Whether to remain visible in the editor if hidden is true.Custom style options in use. Not all style options may be available for all components.Methods​JavaScript API methods for interacting with Treemap. You can write JavaScript almost anywhere in Retool and use methods to manipulate data and property values.scrollIntoView​Scrolls the canvas or parent container so that the selected component appears in the visible area.treemap.scrollIntoView(scrollIntoViewOptions)ParametersscrollIntoViewOptions​objectThe scroll options.PropertiesValuesautoScroll immediately to the specified position.smoothScroll gradually to the specified position.The scroll position relative to the component.ValuesnearestScrolls only the minimum amount required for the component to appear in the visible area. Scrolling does not occur if the component is already in view.startScrolls to position the component at the top of the visible area.centerScrolls to position the component in the middle of the visible area.endScrolls to position the component at the bottom of the visible area.setHidden​Set the hidden value to toggle whether the component is visible. Defaults to true without a parameter.treemap.setHidden(hidden)ParametersWhether the component is visible.Events​Events are triggered by user interactions, such as clicking a button or entering a value. Use event handlers to trigger queries or other actions in response to events.clear​The value is cleared.hover​A. Retool Convert CSV to JSON Utility. The first method to convert CSV to JSON is a free utility provided by a company called Retool. The Retool Convert CSV to JSON utility is Refer to the latest version of Retool Docs if you use Retool Cloud or an Edge release of self-hosted Retool. Queries and code. Reference. Libraries. File Utils. On this page. The File Utils

Convert CSV to JSON - Retool

Doter dotes dowel dower dowse drees dress drest drool dross dwelt elder erode erose erred erses ester ewers ledes leers leets lodes loess looed loose loots lords lores loser loses lotos lotte lotto lowed lower lowes lowse odors older oleos order ordos orles otter ottos owlet redes redos reeds reels reest relet reses reset resew resod resow rests retro rewed 6-Letter Words (195 found) desert deters detest dewool dolors doolee dorsel dorser dosers dossel dosser doters dottel dotter dottle dowels dowers dowser dowses drools drowse elders eldest erodes eroses esters lesser lessor letted letter lewder loosed looser looses looted looter losers lotted lotter lottes lottos lowers lowest oldest oodles orders ostler otters owlets redoes redrew reests relets rerose resets resews resods resold resole resort resows rested rester retest retold retool retore retort retrod retros retted reweds reweld rewets reword 7-Letter Words (128 found) deserts dessert detests dewless dewools doolees dorsels dorsers dottels dotters dottles dottrel dowsers dresser drowses eldests eldress letters lewdest loosest looters lotoses lotters lowered oersted oldster ostlers redress redroot reredos resoled resoles resorts resowed resters restore retests retools retorts rewelds rewords rewrote rodless roosers roosted rooster rooters rootled rootles rootlet rosette rosters rotters roweled setters settled settler settles settlor slotted slotter slowest solders soleret sordors sorrels sorrows sorters stereos sterlet sterols stertor stetted stooled storers 8-Letter Words (53 found) doorless dosseret dotterel dottrels lordoses odorless oersteds oldsters redroots resolder resorted restored restores retooled retorted roosters rootless rootlets rosetted rosettes rostered settlers settlors slotters solderer solerets sorrowed sterlets