bold tech and bilt logos, Bilt on Retool

Over the past 18 months Bold Tech has worked with Bilt to build internal admin dashboards and tools on Retool. Built on a mixture of PostgreSQL, Redis Cache, and other APIs, together we’ve created apps for their customer support teams to view customer information, automated formerly labor-intensive manual data entry, and created dashboards to make internal customer onboarding and updating more intuitive and streamlined.

bold tech and blue valet logos. migrating apps to retool

When Chartio announced it was being deprecated in March 2022, Blue Valet & Bold Tech had a mammoth task of migrating 50 internal apps to Retool in just a matter of weeks. Here is how we did it.

Collapsible side container from a Retool app

In this tutorial, we run through a Bold Tech favorite hack: collapsible side containers. Perfect for making extra space for filters, extra data, charts, and more!

Text reading Layouts: Internal Tools and Dashboards and an image depicting a workflow wizard made in Retool

In this tutorial we will walk you through some different possible CRUD layouts in Retool, what they are good and not-so-good for, and give you some of our best tips and tricks for layout best (and worst) practices.

Retool and Asana logos. Text reading Bug Reporting in Retool using Asana. Image of the bug reporting window created in Retool.

Looking to create a sleek, automated system for users to report query failures in Retool? Follow this tutorial to create automatic bug reports and link them to your Asana board.

Retool and Google drive logos. Text reading Using Google Drive in Retool. Images showing the Google Cloud Platform and the window used to upload files to Google Drive from Retool.

Retool already exposes users to a number of powerful native Google integrations such as Google Sheets and BigQuery, but something that users are often looking for is a direct Google Drive integration. In this tutorial, we will walk through how to connect the Google Drive API to your Retool environment, pull your files into an application, and create new ones.

Text reading Optimizing Retool Forms and an image of a form created in Retool.

Most Retool apps are based on some kind of CRUD interface, and with the form inputs that go with this, a little goes a long way to turn a super unfriendly UI into an optimized, beautiful user experience. Here’s a couple of simple tips to help make this happen.

Text reading SQL for Beginners: Retool Table Filter and an image of the filter window recreated in Retool

Using Retool’s “Query JSON with SQL” query, and a couple Retool components, we can create a filter panel that streamlines the experience for the end user and allows for customization to better fit the tool’s needs. This UI session will focus on setting up a filter container with a bespoke UI to help your users sort and find data in tables more effectively and with fewer clicks - a perfect exercise for beginners trying their hand at Retool! 

Retool and Hybiscus logos. Text reading PDF reports in Retool using Hybiscus. Image of an example PDF created in Retool using Hybiscus.

Hybiscus and Retool are an absolute dream team, providing beautiful and dynamic PDF reports in a matter of minutes. In this tutorial, I’ll walk through how to sign up for Hybiscus, set up a Hybiscus Resource in Retool, connect it to an application and get started making some stunning, automated reports.

Text reading Image Carousel and Selector Component. Image of the image carousel created in Retool.

One of the most commonly requested components in the Retool community is an image carousel. Well, good news! With the introduction of the pagination component in the October Changelog, we can now make a carousel style component in Retool relatively quickly. In this tutorial we are going to walk through exactly how to do just that.

Text reading Organize PDFs: Listview and S3 bucket. Image of the listview component from Retool with PDFs uploaded within.

In this tutorial we’ll be looking at how to use one to create a dynamic document uploader, giving you the option to preview, rename files and save them to an Amazon s3 bucket. We’ll also be explaining some of the basics around the concept of the magical ‘i’, and how to use it when developing ListView elements in your apps

Text reading Release Manager and image of the window used to create a draft release in Retool.

The Release Manager (or Versioning) in Retool is a super useful feature for splitting up your work into shippable units and version controlling your apps. Nevertheless, it can cause a bit of confusion, and it’s easy to make a big mistake. In this post we will clear up how the release manager system works, and how best to work with versioning in a team to avoid any crucial mishaps.

Text reading User-friendly buttons and image of 10 different buttons used in the Retool app.

In the first instalment of Bold Tech’s UI sessions, we are tackling busy component enemy no.1: the button, to bring you some top tips for making better use of this powerful component, as well as some handy and innovative tricks to improve your UI even more.

Retool and Plotly JS logos. Text reading Charting: Plotyly JS in Retool. Image of an example chart made in Retool using PlotlyJS.

In this tutorial we will cover three topics that are often necessary in charts but can be somewhat challenging to navigate using the Retool Plotly interface.

Text reading User defined setting: Dynamic apps. Image of window where user settings can be adjusted for dynamic Retool app

Have a Retool app for your company with key functionality but no one can make their mind up exactly how it should look? In this tutorial, we’ll show you how to create a settings modal that will allow each user to customize their interface to suit their own preferences.

Text reading User defined settings: Accessibility. Image of accessibility features within an app, changing font size, line height, character spacing and font type

Accessibility is an essential part of UI design, and dev teams are often thinking about how to let users apply their own preferences to the apps they use. This tutorial will walk through how to build a user-defined accessibility setting system using Retool and Google Sheets.

Text reading User define settings: accessibility (video tutorial). Image is a screenshot of the youtube video tutorial.

As part of Bold Tech's winning submission to the Retool Productivity Hackathon, in this video we show you how our User-defined Accessibility Settings module works, This module gives you the ability to change font size, line height, letter spacing, font and even background color to make your app more suitable for varying needs.

Text reading Retool's API Generator. Image of the API Generator from Retool's website.

Retool's API Generator is a speedy way of creating varied dummy data through a REST API and can be used to fill gaps whilst waiting for backend changes, create mock apps and even create a staging environment. This tutorial will show you how.

Retool and Docusign logos. Text reading Docusign Workflows in Retool. Image of the window from Docusign website used for authentication.

DocuSign is a brilliant way to electronically sign and manage key documents between different users and devices, here's how to integrate it into your Retool app.

Retool and PDF logos. Text reading Creating PDFs in Retool. Image of a pdf created in Retool with 2 buttons for opening the PDF or downloading the PDF.

PDFs are used for just about everything in business these days - contracts, invoicing, eSignatures, record keeping, you name it. So, for many companies looking for Retool apps, PDF end products are essential. Here are a three options to generate PDFs within Retool.