How to add a border radius to iframe
Hello!
I was wondering if there was a way to add a border radius to my zoho form so it matches the container radius it is embedded into. (the picture below shows the issue).
Here is the code I am using to embed the zoho form not sure if I can just add a line of code into this to solve the problem. Here is a link to where the form is embedded (https://staplelandscapes.com/aeration/) It is more noticeable on mobile than on desktop. Thanks!
<center>
<div id="zf_div_gEMdORs3V3scHcfa9C5iMZUaL6mAtksDt3SoMAB_yYU"></div><script type="text/javascript">(function() {
try{
var f = document.createElement("iframe");
f.style.border="none";
f.style.height="1883px";
f.style.width="99%";
f.style.transition="all 0.5s ease";// No I18N
var d = document.getElementById("zf_div_gEMdORs3V3scHcfa9C5iMZUaL6mAtksDt3SoMAB_yYU");
d.appendChild(f);
window.addEventListener('message', function (){
var zf_ifrm_data = event.data.split("|");
var zf_perma = zf_ifrm_data[0];
var zf_ifrm_ht_nw = ( parseInt(zf_ifrm_data[1], 10) + 15 ) + "px";
var iframe = document.getElementById("zf_div_gEMdORs3V3scHcfa9C5iMZUaL6mAtksDt3SoMAB_yYU").getElementsByTagName("iframe")[0];
if ( (iframe.src).indexOf('formperma') > 0 && (iframe.src).indexOf(zf_perma) > 0 ) {
var prevIframeHeight = iframe.style.height;
if ( prevIframeHeight != zf_ifrm_ht_nw ) {
iframe.style.height = zf_ifrm_ht_nw;
}
}
}, false);
}catch(e){}
})();</script>
</center>
Access your files securely from anywhere
Zoho Developer Community
New to Zoho LandingPage?
Zoho LandingPage Resources
New to Zoho Survey?
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Bigin?
Topic Participants
Austen
Sticky Posts
Take control with geofencing: Manage form access based on location
Hello form builders! Location-based data is not just about knowing where your users are—it's about making better decisions. With Zoho Forms, you can now collect your respondents' coordinates and define virtual boundaries, limiting form submissions toIntroducing Card Forms!
Hello form builders, Zoho Forms is now introducing an elegant, free-flowing fluid design of Card forms that will give your forms a visually appealing look, while avoiding any visual clutter for users who are attempting to answer multiple questions atImportant update in Zoho Forms: Enhancements for improved email deliverability
Hello, form builders! We would like to inform you about some changes we're making in Zoho Forms to ensure the deliverability of your outbound emails. Changes to Gmail policies Gmail has updated its DMARC policy which quarantines emails sent with gmail.comForm language translation in Zoho Forms
Hello everyone, Any business needs to satisfy its customers to gain favorable results, and it's not always easy. Various factors, like culture, education, and economics, can influence how they react to your products and services. When you're looking toEnhancing user experience with Audio/Video Upload in Zoho Forms
Hello form builders! Today, interactive forms are an integral part of websites and applications. While text-based inputs serve a variety of purposes, audio and video uploads can open up a world of possibilities for businesses. Imagine you are a talent
New to Zoho TeamInbox?
Zoho TeamInbox Resources
Zoho DataPrep Resources
Zoho CRM Plus Resources
Zoho Books Resources
Zoho Subscriptions Resources
Zoho Projects Resources
Zoho Sprints Resources
Qntrl Resources
Zoho Creator Resources
Zoho Campaigns Resources
Zoho CRM Resources
Design. Discuss. Deliver.
Zoho Show Resources
Get Started. Write Away!
Writer is a powerful online word processor, designed for collaborative work.
Zoho CRM コンテンツ
-
オンラインヘルプ
-
Webセミナー
-
機能活用動画
-
よくある質問
-
Ebook
-
-
Zoho Campaigns
- Zoho サービスのWebセミナー