Forum Discussion
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 keeps changing the background of the form to plain white. Is there any way to change this?
3 Replies
Hi Marie, I am here to help. Have you tried adding the Google Form into an embed block via an iframe?
Here is the format:
<iframe src="insert link here"></iframe>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>
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.
