I love the embeddable Form option for information collection, however, it’s almost impossible to style the form using CSS since I can’t Inspect the code. It just shows as an over-all object rather than individual text and box components.
I would be nice to be able to know the div id’s or classes in order to make it appear a part of your site’s type faces and colors.
If this is an option already, no amount of googling or searching the community/support has turned up anything for me.
For what it’s worth: if you yourself are a developer, or have a developer available to you, this example of how to submit data to and pull data from an Airtable database might give you some ideas.
Basically, you would NOT use the built-in embedded forms feature; instead, you (or your developer) would construct the necessary form(s) to push/pull data back and forth between your site and Airtable, using the Airtable API. (An API is a standard way of getting data from/into a Web-based resource; Airtable’s API is offered by Airtable itself, so you don’t need to worry about trusting your data to 3rd parties.) This way, you can style form(s) in any way you like, since at that point any form (and its fields, buttons, and other features) is just an element on your page.
(Aside: I haven’t tried this myself, and have no affiliation with the linked site: I was just looking into the same question and found that CSS-Tricks suggestion.)
Yep, the form is tough to use because of this, it’s just TOO BIG! I find myself constantly having to use an external service and integrating it to airtable with Zapier. So far I’m using this with Wufoo, but I’m sure any number of the zapier-supported Form services will work.
This is an absolute necessity.
Though fantastic for data collection, it (form) is a bit of an eye sore on my websites due to the inability to brand it with basic things like a white or transparent background to fit in better with the webpage. Let’s start there, though I think there needs to be far more progress in this area.
Regardless, I am still very excited about the future of this product.
:clap:
+9I wholeheartedly agree. The ability to apply custom styling to an embedded base or view is a must. I understand that working with an iframe element is not the easiest. Perhaps we could have the option to upload (or paste) custom css stylesheets on a per-base level, which Airtable iframe embed codes would then load?
+14Please add form styling, ideally via access to the CSS!
If replying makes a dent, then consider this a dent. Because, there really, really, really, really, really, really, really needs to be editable CSS. Really.
We would also love to be able to use the form—what a great, simple-to-use feature. However, unless we can affect the CSS, it’s just not a feature we can use. Please consider making it accessible.
Is there any update on when we could get this feature? #Adding20Chars didn’t even know this is a thing!
This is still a pain for us - how can we have STUHNING airtable collections but an awful looking form to collect the info?
Too much of a contradiction on the users side :confused:
Please! This needs to be a thing. If I am missing something please let me know but even just a simple button color change would be magnificent. Something, anything! Been asking for years.
+15Not exactly what you are looking for, but we have built a 3rd-party form for Airtable that supports some styling options. Including custom colors for backgrounds, borders, buttons…etc.
+5Up! We desperately need custom styling for forms! Just toggling off Airtable branding is not enough :frowning:
+3Yes, a whole year later we still need to style the airtable form which is incredibly useful but doesn’t look great on any website.
Absolutely. A lousy embed option isn’t a feature, it’s a problem.
Rather than jumping through more Zapier hoops, I just link to Airtable forms using a “_blank” target to open them in a new tab instead of having them be such a scar on the site. Suboptimal.
+3Hi @Airtable,
Would it be possible for you to reply here? This looks to me as a must-have feature, event if it only enables basic styles.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
