Help

Embed background color

Topic Labels: Views
4803 6
cancel
Showing results for 
Search instead for 
Did you mean: 
Elizabethm42
4 - Data Explorer
4 - Data Explorer

Hi - the iframe code that is generated when you want to share a view makes it look like the background can be changed, but it is always grey regardless of what I do with the iframe code. Has anyone been able to change the background color? Thanks.

<iframe class="airtable-embed" src="https://airtable.com/embed/shdfgsfgs0I?**backgroundColor=blue**" frameborder="0" onmousewheel="" width="100%" height="533" style="border: 1px solid #ccc;"></iframe>
6 Replies 6
Gleb_Sapunenko
4 - Data Explorer
4 - Data Explorer

Any updates on this?

Facundo_Sanchez
5 - Automation Enthusiast
5 - Automation Enthusiast

Same problem. Need to change background color on embedded views

Jason_Rogers
5 - Automation Enthusiast
5 - Automation Enthusiast

Same problem. I would like to know more about what is happening in the code.

theavandiepen
5 - Automation Enthusiast
5 - Automation Enthusiast

I'd love to do this, too.

After looking into the code a bit, I found that the background colour applies to the view itself (when you click "View larger version", you'll see the name of the view on top, and behind that is the view's background colour), but that background isn't part of the section of the view that's getting embedded. 

The part of the view that's getting embedded has a background that you can't change- it would have to be changed on Airtable's end, and since there's no option on that end for us to customize embeds, what we get is what we get. That said, if they were to make it so that the part we're embedding has a transparent background.

For any Airtable support people who might see this: if you make it so the CSS for the div with the role of "region" has the same background colour as the one set in the view's link, that'll do the trick (aka the CSS selector that points to exactly the div you need, and only applies when the view is embedded is: ".embedded [role=region]"). Yes, there's more than one div with that role, but this change will only show up in the one that's the child of the div with the id that says what the view type is (ex. #galleryView)

E-Claim
5 - Automation Enthusiast
5 - Automation Enthusiast

Upvoting giving the user the ability to set this!

CristianCG
7 - App Architect
7 - App Architect

Hi there!

With our miniExtensions third-party form, you can bring a new level of styling flexibility to your embedded forms.

Specifically designed to integrate with Airtable, our form allows you to customize a variety of elements, from background colors and overall color themes to the form’s width. You can also add personalized branding touches like header logos, cover images, and even custom favicons.

CristianCG_0-1731284806585.png

 

Feel free to explore these features and many more on our site.