Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Initial feedback. #5

Open
paaljoachim opened this issue Mar 27, 2021 · 5 comments
Open

Initial feedback. #5

paaljoachim opened this issue Mar 27, 2021 · 5 comments

Comments

@paaljoachim
Copy link

Hey

I saw the video showcasing Jet Form Builder here: https://wordpress.org/plugins/jetformbuilder/
I liked how the UI and the various features that are available.

One thing that would be great is having a Settings screen. I will probably be needed sometime.
An option would be to move JetForms into the WP Settings screen.
I am working on decluttering the WP left admin menu.


I am testing your plugin on a local dev site.
I am thinking about creating a signup for event form for a farm here in Norway.
Then exporting the form from here and import it into the live site. (I have no idea if exporting and importing has been added yet to your form.

Here are some of my explorations.

Hidden Field: post_id (could be greyed out giving the signal that this is not to be touched.)

What about being able to move JetForms into the WP -> Settings screen.
Screen Shot 2021-03-27 at 16 30 29


Creating a new form automatically adds one text field and the Submit button.

Screen Shot 2021-03-27 at 16 31 31


Looking for a drop down field.
Clicking the Add block Inserter to check out available fields.
Screen Shot 2021-03-27 at 16 36 01

Here it would be helpful to have previews of the various controls. To see what these might look like.

I added a Select Field but I am not sure if that is the correct field to use for a plan drop down.
It was correct.

Btw
It was really cool that I was able to select events added to the web site through an events plugin, and show these through Posts -> Events.


Not able to preview the form. I see the option has been removed from the drop down.
Screen Shot 2021-03-27 at 16 38 37


I went looking for a Yes/No toggle.
I decided on using a Radio button field instead, as I noticed no toggle option.
It would be nice to hide away the more complex options, and offer a simpler way to just add options in I assume manual input. Being able to open up the advanced options if these are needed. I added the radio buttons with a Yes and No option.
Then again I can probably quickly get used to how these work....


When adding the form to a page. If there is only one form it could be automatically loaded.


I noticed that I had to add some conditional logic to the radio buttons. I added a conditional field, and noticed that it showed up as a Group block. I expected when the Conditional block was selected to have some Conditional block settings in the sidebar. It says only Conditional Block (as if it is a future block that at the moment is not ready).

----> I will post it now, but I will edit this post and add additional feedback. ----

@MjHead
Copy link
Collaborator

MjHead commented Mar 29, 2021

Hi! Thank you for your feedback, it really helpful and informative! As for Conditional block - at this moment you can trigger popup with conditions editor from the block toolbar - http://prntscr.com/10yu7mv, but we'll also add this trigger into block sidebar with future updates

@paaljoachim
Copy link
Author

paaljoachim commented Apr 9, 2021

I am back going through the form again.

I happen to add a Text field and noticed that I instead needed a Text area Field. I clicked the "Change block type or style"
and expected to be able to switch to other form options. Especially the Text area Field. So instead I had to remove (tried clicking backspace to delete the block but that did not work) by clicking the 3 dots and then selecting "Remove block".

--

Conditionals.
Operator.
I am not seeing checkboxes or radio control options in the list.
Here I have selected Overnattinger/stay the night.
I then expect to select to see options in the selected field. Such as a Yes/No radio buttons.
I added a Value to Compare: Ja (Yes)
Previewed the form in a page I had added it to.
To me it seemed like it showed a random field that is inside the Conditional block/group.
It did not show the Yes or No Stay the night field field.

Screen Shot 2021-04-09 at 16 58 44

I find the conditional confusing to use. I would likely find an easier way to show these, and have an advanced area for the more complex conditional usages.

Example from Caldera Forms. It is pretty complex but it shows openly the conditions.
Any conditionals from really any plugin one has to learn how the UX works.

Screen Shot 2021-04-09 at 17 03 42


Description field. Being able to move it above the fields. At the moment it is below.
The font for the description field is also very small.

--

If the Form field names need to be small letter with - between each word. Then I expect these to be auto adjusted.
As I might copy the Field Label into the Form field name area.


I will continue to add feedback as I happen to come across things.

Btw here is a Conditionals issue on the Gutenberg repo:
WordPress/gutenberg#6866

Take a closer look at: https://wordpress.org/plugins/block-visibility/ check out the video. It uses the sidebar in a really good way to show or hide blocks and more.

Here is an example from the plugin: https://wordpress.org/plugins/post-type-archive-mapping/
Drilling down/Location.

Location-Queries-Custom-Posts.mp4

Query:
Post Type -> Taxonomy -> Terms

It is a pretty straight forward and easy to understand query which could also be used with conditionals.


Btw adding a multi select drop down would make it possible to for instance using the above example selecting Posts and Pages then have drop downs for Posts and Pages show up. Then select multiple posts and pages.

I made this issue some time ago:
Using multi select in a drop down?
WordPress/gutenberg#1044

@paaljoachim
Copy link
Author

paaljoachim commented Apr 12, 2021

I finished a Form.

Fields:
Backend:
Screen Shot 2021-04-12 at 22 14 54

First name --- Last name
Telephone --- Email

Course

NB.
Notice the fields go all the way to the right edge touching upon the vertical scrollbar.

Frontend:
Screen Shot 2021-04-12 at 22 28 17


Screen Shot 2021-04-12 at 22 26 00

This shows the backend Select Field.
Fill Options From. --> Posts.
Post Type ---> Events.
Value from meta field. I did not select the meta field.
More info about the meta field.
Calculated value from meta field.
More info about the meta field.

There is a lot of information in relation to the meta fields. One should only see what is relevant to the drop down selection one made. As I know I got confused seeing all the extra info I did not know how to relate to.

Check out this issue (and do also test the plugin):
ndiego/block-visibility#4
(As well as the associated issues that are linked to inside of it.)

Regarding showing settings in the layout area. Such as this:
Screen Shot 2021-04-12 at 22 39 40

Can cause confusion. It would be better to add this to the sidebar settings. Keeping the layout as pure as possible.
It would also be nice to use inner blocks to Add text above or below the radio buttons seen above.


Over to conditionals.

Frontend:
Screen Shot 2021-04-12 at 22 31 45

Backend:
Screen Shot 2021-04-12 at 22 49 11

I got stuck on the conditionals, as it is not straight forward to show a field based on a Yes/No or other value.
As the radio/checkboxes or other values should show up so one can select from these.

@frankwarwick
Copy link

frankwarwick commented Aug 1, 2021

There is no information concerning the Pro addon, eg, Location, auto complete etc. as well as working with JetEngine
Many style and layout features in JetEngine Forms are not included.
Pro version features should be included/integrated in JetEngine and available widgets for Elementor
Dynamic Templates need to be updated to use this plugin when it matures

I can see where it's going, hopefully upcoming versions will integrate with JetEngine and Elementor

@paaljoachim
Copy link
Author

Relooking at Jetform Builder over 2 years later.
Bottom line is that it becomes too technical and lack a better focus on ease of use.
Here is a video which I placed as Unlisted on Youtube and it should be soon ready.
https://youtu.be/oIFDYDg9R4w

I am sharing feedback because I believe you have a good thing going but it can use various adjustments.
Btw check out The new Gutenberg experimental form. WordPress/gutenberg#44214

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants