Development & APIs

Hey all, I think this is a bug, or maybe my React knowledge isn’t up to snuff. Looking at this Tooltip Example here: Airtable Airtable | Everyone's app platform Airtable is a low-code platform for building collaborative apps. Customize your workflow, collaborate, and achieve ambitious outcomes. Get started for free. import { Tooltip, Button } from "@airtable/blocks/ui"; const tooltipExample = ( <Tooltip content="Notifications" placementX={Tooltip.placements.CENTER} placementY={Tooltip.placements.BOTTOM} shouldHideTooltipOnClick={true} > <Button icon="bell" aria-label="Notifications" /> </Tooltip> ); When I add a “disabled={true}” property to the button in the above example, the tooltip no longer renders. This is unfortunate because my main use-case for a tooltip was to indicate why a button was disabled. Am I missing something? If it is a bug, do you think it can be fixed before ne

Hi there, is there any way to trigger the “Send Record” functionality from a Block? I see there’s a POST to https://airtable.com/v0.3/view/VIEW_ID/emailRows with a stringifiedObjectParams that I could derive within my Block. Is there a friendly function to call from the UI to make this, say, on the view object? Anything to note here about calling these types of functions from blocks in general?

Hi everyone! I have a table, a collection of URLs to different articles and videos. I wanted to have the text parsed from these URLs (the content of the article, description of a youtube video). I made it with python (beautifulsoup4) and made a serverless function for this. When I’m running it in scripting block, it gives an error message (‘TypeError: Failed to fetch at Failed to fetch’). It appears sometimes after passing perfectly 10 URLs and sometimes after 38, or after 3. So it looks completely random. When it runs to an error, I test it with the serverless function outside of Airtable’s scripting block, and it works fine there. Do you know anything, what could cause the error in random lines? Thank you in advance for the help!

Hi, I have a Table that I use for inventory/stock management. I was wondering is there a way that once a certain stock’s quantity reaches a limit (i.e. about to run out), can an email be sent out directly to use (as a reminder) or directly to our supplier to order in more stock? If this can be done internally with Airtable, that would be great. Alternatively, if not, would it be possible to use Zapier to connect our Airtable and create a zap/trigger so that once the stock quantity reaches a certain amount, an email can be sent? I was also wondering if there was a way to connect details from standardized emails we receive and organize to have the information automated so that it is entered into my one of my tables. Again, would this be possible by connecting Airtable with our gmail using Zapier to collect the information from the email and plug in the data in certain blocks within the table?

Hey there, it’s short notice but I would like to participate in the current Airtable block challenge. I have an idea for a quite useful block, the concept and could take over design and table logic. I need a developer, that can realize that. Depending on team size any prize money is split per head count. Looking forward to connect. Stephan

I have integrated the Airtable API in my Wix site which was working fine with other filters but when I implemented date range filter with those filters then it’s showing empty items in response and here is the URL of my request https://api.airtable.com/v0/appGS7oZJd8MLqWKc/Candidates?filterByFormula=AND(({City}=‘Benton’),AND(IS_AFTER({Date_of_Submission},2020-06-03),%20IS_BEFORE({Date_of_Submission},2020-06-29)))&api_key=“key_provided_by_airtable”. I checked that on Airtable data UI by applying the same filter and it’s working fine over Airtable UI but not working in API calling when I applying the same filter via API.

We’re working on submitting a Team Voting block with a twist. And we noticed that there isn’t any visual controller for editing the fonts within the block (eg. editing the question, and the answers styles). Is this intentional? Is there a specific style our fonts should adhere to? If so, I’d love to know where we can get this info from, as to submit it pre-configured for this specific font style. Otherwise, end-users won’t be able to change the font. :roll_eyes:

Hi Airtable! I am in the process of backing up Airtable Records and I don’t want to lose my data when I restore them, so I have 2 questions. My understanding is that the API only allows 100 records. Do I need to change anything in the URL for Retrieving Records? Apparently, the default number is 3 or do I change it to 100 in the URL, before I run the scenario? https://api.airtable.com/v0/appTcwWOhdqs5mJXj/Imported%20table?maxRecords=3 I will be using Integromat to do this, Webhook=>HTTP=>JSON=>Airtable (using Airtable API) Does using Airtable API keep the data in these field types, when restoring records back into a base with the same field names and types: Attachment (one image per record) Date Field Date Field (formula) Currency Currency (formula) Multi select Single select Linked field (base has two tables) URL (websites-one URL per record) Any help would be appreciated. Thank you, Mary Kay

For the voting block we’re building, the end-users submit data we need to save. Because the Base creator can share the Base with read-only permissions, it means we won’t always be able to write data back to the Results table. Is this alternative approach to get the total votes using a Download CSV button reasonable, or we could somehow save back data in a read-only Results table / another base that’s not shared?

Hi All - I’m a React newbie. My block code is getting unwieldy and I would like to split it into a few different files, starting with the settings ui. I am unsure how to do this. In the settings.js file how does it look? Do I have a single function that returns a div with all the other stuff in it? Then how does the export line of the file look? Then, in the index.js file, how does the import line look and how do I call this function that has my settings ui in it?

I have added a form field to my custom block and I am updating its value via the React state. It works well and looks fast. The block is fairly standard. It reads values from a table, filters them and then displays them in a list. When I look at the console I see my logs telling how many rows were read after every character entered into the input field.This means all the code of my block (inside index.js) is executed again and again. There is a useRecords statement just before this log output. Does this mean the rows are read from Airtable for every character pressed (round trip every time)? Or is there some form of caching? Will I get a performance hit when there are many (1000+) rows in the table?

Hi! I am working on a Block that would require the creation of fields of type formula. Unfortunately unstable_createFieldAsync doesn’t allow that (yet?). I could instead create the fields using another type and then watch the dependencies for each record. But it would be kind of hacky and probably not performant. Is there another way to create a field? Thank you in advance!

Does the custom block API allow us to call POST/GET requests to external services such as one’s own AWS EC2? It seems that I can only call Wikipedia and other services fail

Hi! I am working on a Block that would require a backend server (with API access tokens), what is the recommended approach? Should I host the backend myself, or is there a nodejs equivalent of frontendEntry for backends? Thank you in advance!

I’m trying pass a string as a field - which I’m pretty sure I’ve seen @kuovonne explain someone else that it’s possible. const mainCur = base.getTable("Contacts").getView("Currency"); const mainCurMatchField = 'Currency name' const mainCurrencyConversion = async (tableView, matchField) => { let selectRecords, gbp, eur, usd selectRecords = await tableView.selectRecordsAsync(); [gbp, eur, usd] = await getConversion('test') for (let record of selectRecords.records){ console.log(record.getCellValue(matchField)) } }; await mainCurrencyConversion(mainCur, mainCurMatchField) I’m trying to get record.getCellValue(matchField) to use ‘Currency name’ as field name. I’ve tried to wrapped it in {}, but so far I’ve been out of luck. Is this possible or is it me who got this wrong?

In today’s date most of the people need to keep their house clean. So for that I have some different tricks about cleaning and those ideas I collect from cleaning services in dubai.

Hi all, So I saw the newly added Button for the web/desktop app! Very nice! I have a few questions :slightly_smiling_face: Will this button be visible in the iOS app? If so, will it be possible now to download the pdf via the Page Designer block and preview it on the phone to share? (i understand that setting this up will need to be done on the web/desktop yes. Just want to know if it is possible through the iOS Airtable app.) Thank you :slightly_smiling_face:

Hey guys, Working in Adalo and realizing that rollup fields are not transferring over through the API. Wondering if anyone has come up with workarounds for accomplishing this. Just trying to pull the sum from one column of the base into a single field in Adalo. Im currently doing this in a separate table in Airtable from the list or records I am trying to sum. Thanks!

Hi, really love the flowchart block. As the SDK for the flowchart block is open, I was wondering if anyone in here have created any custom flowchart blocks yet? Also Airtable devs: Any chance we will see the 100 record limit lifted soon?

I am using the Airtable Python API With the following code I get a successful response, minus the API key I removed. *from airtable import Airtable* import os* table_name = ‘PeachTree 903’;* base_key = ‘app9F0yiPo2kvFBsA’;* api_key = ‘’;* airtable = Airtable(base_key, table_name, api_key)* print(airtable)* The response I get from the above is: Which matches my table_name. Now when I go to add this next line and run the script I get the following errors like nothing is returned which does not make any sense. airtable.get_all() Anyone solve this?

Here is my goal. I have three fields within my table as follows: Button Field (for the purpose of running script, available in Beta) Check Box Field (used for filtering view) Linked Record Field I am looking for script (or other method) to do the following: Click button to run script Script marks Check Box with Check Script adds all available records from linked table in the Linked Record field. For example, say there are 3 records in the linked table. When I click the button in the record in my table, the Linked Record field should populate with links to those three records. Thanks!

is it possible to have a markdown output for a long text with rich text enabled field instead of this syntax? - Discuss [empathy][1] with your child/ren. - Incorporate [(40) kindness and empathy activities ][2]at home. [1]: https://mcc.gse.harvard.edu/resources-for-families/5-tips-cultivating-empathy [2]: https://positivepsychology.com/kindness-activities-empathy-worksheets/

Hey, Every time I’m renaming or moving a typescript file, I get the following error in block run: Bundle Error: Cannot find module './OldFileName' from '/home/user/superblocks/my-block/build/development/transpiled/user/frontend' The only way I found that makes block run work again (if I don’t want to rename or move the file back) is to delete the build folder, the block node_modules folder, uninstall the blocks-cli and today I also had to run npm cache clean --force. I’m guessing it has something to do with the typescript or babel transpilation process that keeps previously transpiled files around in a cache. Questions: Is there a way to rename or move files without breaking block run? If not, is there a more time efficient way to fix this after it breaks? Someway to efficiently clear the relevant cache without having to uninstall and clear everything npm? Thanks, Ronen Babayoff Superblocks.at

I’m developing a new block as part of this competition: https://airtable.devpost.com/ I’m having issues with react hooks (it complains that I’m using two different react versions). Is there a way to look at how you’re bundling the JS? It’s using the @airtable/blocks-cli package but I can’t figure out what that’s actually doing. Is there a way to overwrite the webpack config you’re using? If not, could you tell me which react version you’re using? Thanks!

I’m wondering if this is intentional behavior… In the Scripting Block’s editor, when I try to use the spread operator [...] to spread a Set() into an array, I get syntax highlighting for an error: Using Array.from() on the same Set() works just fine (no syntax highlighting). But, curiously, the Scripting Block also runs the script just fine with the Spread operator version of that line of code, even though it’s highlighted as an error. The same code does not produce any error highlighting in a JavaScript environment in VS Code: Not a real issue, and probably an edge case, but I figured I’d report it anyhow, just in case 1) it’s an unintended bug, or 2) I’m unaware that shouldn’t be using the Spread operator on Sets. Side-note… The built-in editor in the Scripting Block is a surprisingly excellent experience! I’m curious if you guys rolled your own, or if you utilized some open-source editor library?