Forum Discussion

MarieNelson-cd0's avatar
MarieNelson-cd0
Community Member
5 years ago

Changing the background color of an embedded Google Form

Hey all! Right now, we're experimenting with embedding Google Forms into our training to increase our agility in addressing quality or knowledge concerns. When using the embedded block in Rise, it...
rise 360
MarieNelson-cd0's avatar
MarieNelson-cd0
Community Member
5 years ago

Hi Chino, we tried with both embedding the url and using an iframe. I did some light googling and saw that you can add a style of the background, but it doesn't appear that the setting saves in Rise.

Example code: 

<iframe allowtransparency="true" style="background: #F01446;" src="https://docs.google.com/forms/d/e/1FAIpQLScR14bXxBSFtkOEx11xCmH05CsH1LGlJDy1gg6K6ui3azouFg/viewform?embedded=true" width="640" height="1392" frameborder="0" marginheight="0" marginwidth="0"></iframe>

What Rise saves:

<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScR14bXxBSFtkOEx11xCmH05CsH1LGlJDy1gg6K6ui3azouFg/viewform?embedded=true" width="640" height="1392" frameborder="0" marginheight="0" marginwidth="0"></iframe>

CNavarro's avatar
CNavarro
Former Staff
5 years ago

Thank you for sharing your embed code. I tried it on my end, and I experienced the same thing. I, however, was able to add color to my test Google form in Rise 360 by adding the color directly in the form. At the top of the form, you can click on Customize theme then select the theme color. 

Here is a sample screenshot:

Feel free to test it out and let me know what you think.