How to upload files in form?

Hi,

This is on the todo list already. You may also submit more ideas & suggestions to here or github.
https://github.com/munirkamal/gutenberg-forms/issues/61

Regards,
Munir

@marceloaof

I just released a new version and it includes the File Upload field and more features. Please test it out and let me know your feedback. ??

Regards,
Munir

Oh cool! You are AWESOME!
You all have managed to achieve this and other requests faster than I imagined. Congratulations. Few basic things are missing now. I want to help you keep improving with a longer feedback.

Keep it free, create a strong documentation for developers to bundle these features in their plugins with APIs, hooks, and I am sure by doing this, and with a solid and simple plugin implementation happening entirely inside the Gutenberg interface, the community will be well served, and enough demand is going to exist to justify eventual integrations with newsletter, community plugins, future gutenberg themes (who knows?) etc. The “forms” opportunity is unfulfilled in Gutenberg at the moment and you are well positioned to achieve it before future competitors in the future WordPress scenario. Resist the temptation you may get from becoming prominent of a “pro” version limiting form features. The “pro”, if ever exists, should focus only on external integrations (as mentioned above). Most successful plugins (even WordPress) thrive doing that.

I tested the min/max limit options, file upload field and multistep from latest update at the same time. They are promising, but many things could be polished.
(1) In this website I tested, the “from” field is always wrong. I need to define it inside plugins, otherwise emails are treated as spams. So, as I imagined it would happen, I haven’t received anything this time around using Gutenberg Forms, because I can’t define the “from” email in your plugin. Plugins: (a)allow us to define this field, others (b)show us the default value in a placeholder on the “from” field, and other plugins (c)allow us admins to change the default value to be used in placeholders of “from” fields on forms inside your plugin. I believe all of them are welcome improvements since they serve different scenarios.

(2)It was not clear to me how to setup a multistep form, and make its previous/next dynamic work, because there is no indication anywhere that after inserting a form step, I also should insert a separate form button. Don’t get me wrong: I enjoy very much this modular approach – now that I understand it – because I can insert buttons anywhere, in different orders, colors etc. But I was expecting these buttons to come together with every multistep form I insert. (a)Maybe in its settings, either on sidebar or inside the editor. It is just strange how the multistep form block interrelates with settings on another block, but nothing is explained. Maybe it is more of a Gutenberg problem, since it is not easy to visually understand nested blocks, but (b)maybe you also can insert a text line suggesting us to create form buttons after creating a form step. (c)Or a placeholder inside the nested block in the editor (please observe Block Permissions plugin approach to solve this issue)… or (d)insert a form button automatically together with a form step when inserting it. I don’t know which approach is better, but something needs to be done. Otherwise, congratulations. The basic implementation works.

(3) Keep an eye on animations inside Gutenberg blocks. In the future, a nice polishment would be animating with CSS (bounce from left, fade in, …) when we hit the previous/next button, so one step form smoothly becomes the another.

(4)Thank you for the file upload field <3. I don’t think it is a good idea to limit allowed formats if we are not able to include other formats. Everyday there is a new format available as technology updates and frankly, many important ones are missing. I may want to receive .pdfa, .zip, .rar, .xlsx, .ai, .psd, .bmp, .tiff, .xml, and 3000 other popular formats. Each one of them is going required by users if you choose to limit its diversity, because websites are used for different purposes.

(5)Thank you for the min/max limit options <3. There is only one problem, again about limiting possibilites: how can I choose more than 1000 in the max quantity of a text field? Many languages are richer and demand longer words than our conversation in English. I create forms with 5000 characters as the max-limit in my mother language, and even that is not much. I tried to insert 5000 manually, but it doesn’t work. Possible solutions: (a)could we insert min/max values in a simple text field, instead of a range/slider? (unfortunately, because range/sliders are nice) (b)Could we be able to choose infinite values/disable max-value in a checkbox next to the range/slider, if we wish? (unnecessarily complex) (c)Or can you increase the max-value?
(5.1) By the way, can you make it clear on the text string for the user to read what “1000” means as a measure: characters? Words? Lines? Paragraphs?
(5.2) Can you implement a visual indicator for the users to show them how much characters are remaining to be written in the text field? Beacuse it updates automatically as they type in, people know when they are about to stop.

I wrote this feedback on a virtual keyboard on the computer. Difficult to type with broken keys, but I wanted to help you more, given the last feedbacks were heard.
Regards,
Marcelo

Hi @marceloaof

Thank you so much for this detailed feedback and the review. Much appreciated.

I’ve gone through the feedback and this is exactly what I want from users to tell me what they like to improve and would like to be added to the plugin. I’ve noted all your feedback and you will notice some of it implemented in the next releases.

1) I just added it to GitHub to followup.
https://github.com/munirkamal/gutenberg-forms/issues/88

2) Yeah, I already know it is kind of tricky to take care of creating Multi-Step form. The reason for that is I made it super flexible for a user to structure it as needed. Your suggestions worth considering (but I need to check for limitations). The best thing, for now, I can do is to prepare instructions/documentation so a user can quickly learn how exactly to do it. But, I will also look into making it easier in the near future. A GitHub issue to followup on this.
https://github.com/munirkamal/gutenberg-forms/issues/86

3) Yeah, fancy stuff I am avoiding for now.

4) The filter is there to help avoid spam and malicious files. However, I have noted your suggestion to improve it.
https://github.com/munirkamal/gutenberg-forms/issues/89

5) Yeah, again good point. Noted it as well. That includes 5.1 & 5.2 as well.
https://github.com/munirkamal/gutenberg-forms/issues/90

Again, I really appreciate you took that much time to test out and provide helpful feedback. I will follow up on that. ????