Canva: Dosya Yükleme Sırasında Form Genişlemiyor

Selamlar, resim toplamak için için bir form oluşturdum bunu da canvadan oluşturduğum websitesinin içine yerleştirdim. ama form belirli bir kalıbın içinde olduğu için rakamı farazi söyleyeceğim kullanıcı 4 resim ekleyince sumbit butonu aşağıya gidiyor ve kalıbın dışında kalıyor. Bu problemi sumbit butonunu en tepeye koyarak çözebiliyorum ama böyle de hem çirkin gözüküyor hemde bu seferde eklediği resimlerin sadece 4 tanesini görebiliyor, kalanı aşağıda kalıyor. bunu nasıl çözebilirim?

Hi batuhangungor1234,

Thanks for reaching out to Jotform Support. Our Turkish Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Turkish, let us know and we can have them do that. But, it might take a while until they're available again.

Now, coming back to your question, can you re-embed your form to your website using the form iFrame embed code? Let me show you how:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. In the menu on the left side of the page, click on Embed.
3. Now, select iFrame embed and click on Copy Code.
4. Paste your code into your webpage's embed area, and that’s it.

Give it a try and let us know how it goes.

i am using canva website and iframce code dosent working

Hi batuhangungor1234,

You can try increasing the space occupied by the form by dragging the corner icon on it. See the screencast below:

Another workaround is to use third party embedding apps on Canva that allows you to use the link of the form to add it to your design. See the screenshot below:

Give it a try and let us know how it goes.

I tried expanding the window, nothing changed. I'm already adding it with Canva's applications. I tried both the "Embed" option and the "Jotform" option. The same problem persists in both.

Hi itsmebatu,

I recommend you to use the official Jotform’s integration with Canva. We've made it incredibly user-friendly for everyone. Explore our extensive template gallery to find the perfect form for your needs. Setting up Jotform’s integration with Canva is easy. Here’s how to do it:

1. Open or create a new design in Canva, and then hover your mouse over the panel on the left and click on Apps.
2. In the menu that opens, search for Jotform and click on it to open the Jotform App window.
3. Click on the Filter icon and select Form Layout, Languages, Categories, or Search Input to filter the templates.
4. Hover your mouse over the template you want to use, and click on the Use Template Button to use Free Templates.

You can also connect your Jotform account to use the forms you've created. Let me show you how:

1. While still in the Jotform App window, click on the Your Forms tab at the top.
2. Then, click on Log in under the Start For Free button.
3. Click on Connect, and in the window that opens, log in your Jotform account.

That’s it. After finishing the authentication process, Adding Your Jotform Forms to Canva is really easy. Let me show you how:

1. On the left side of the page, under Your Forms tab.
2. Click on the form that you want to add to your Canva design.

You can also edit the form you added. Let's do it:

1. Under Your Forms Tab, hover over the form you want to edit and click on the Pencil icon.
2. In the window that opens, click on Continue, and it’ll redirect you and the form you’ve added to Jotform’s Form Builder to a new browser window. You can now edit your form.

That’s it. Reach out to us if you have any other questions.

I have no problem embedding jotform within the canva website. Let me define the problem again, I think you didn't understand. The form is a form created for adding files. People using the form can add files, there is no problem with this. But when you add more than three files, these files are listed one under the other. Due to the size of the embedded jotform, the files after the third file are outside the area of the form and are not visible.

Let me try to explain this to you again with visuals.

The first moment when this form appears to the user on the website.

This is what the user sees when they add a file.

Now look carefully at the bottom part of the form area, there is no shift in the previous image.



As seen in this image, the user added a second file. But it scrolled down and he can't see what he added, so he won't be able to see the rest.


First of all, since the "Send" button was at the bottom, the user could not send it after adding a file because the button disappeared. I was able to solve this problem by moving the button to the top, but this is just an easy solution. And this solution also looks bad because we have moved the usual send button.

Even if we assume that we do not have a problem with this bad image, the user cannot see what the other files he added are because they are outside the area and cannot be seen.

Now, let's talk about whether there is a solution to this.

Hi batuhangungor1234,

When I cloned and tested your form, I ran into the same issue. To resolve the issue where uploaded files appear cut off at the bottom of the form, I recommend using CSS that allows the form to expand naturally as content is added. Let me show you how to do it:

1. First, copy this code:

.form-all {

  margin-bottom: 100px !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

You may need to remove and re-add the form to your Canva template for the changes to take effect. Here's the sample result after injecting custom CSS codes:

Give it a try and let us know how it goes.