WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 07.12.2022 14:10:40

mikejd
Mitglied

mpForm questions

@Martin
Following our discussions re the use of mpForm on WB I have migrated my site to WBCE.

I have installed mpForm and added a page for a survey form. I now have a number of questions:

1. The submission button still appears not to be working. I have tried submitting a form and get no notice of success nor submission appearing in the backend. Do I need to amend the module settings? The verification code at the end is always the same.

2. On the form as displayed,  there are fields at the top for email, Homepage, URL and Comment, none of which I added to the form. All say 'Leave this field blank' Are these fields necessary, or is there some way to remove or hide them?

3. The form is very simply displayed, just a list of fields. I would like to make this look better, probably using css to style. Looking at the code there are numerous classes attached to the form elements, so it's hard working out which to target. I see that the css can be edited in the backend but I would still need to know the appropriate classes to use. Has anyone styled a form and provided examples?

Thanks for any help. I do not speak German so apologies if this has been covered in other posts.
Mike

Offline

#2 07.12.2022 15:26:29

webbird
Administrator

Re: mpForm questions

You may try deepl.com for translations from German to English. There's also an extension for some browsers that allows to just mark the text and see a translation on-page. (Have it in Firefox.)

As of 2., I think these are "honeypot"-fields that should be hidden by default. Maybe the CSS file of the module is not loaded.


Ich habe eine Amazon-Wishlist. wink Oder spende an das Projekt.
Ich kann, wenn ich will, aber wer will, dass ich muss, kann mich mal

Offline

#3 07.12.2022 16:27:28

florian
Administrator

Re: mpForm questions

1. Idk why the submission button does not work, have to check.
but the verification code issue is a bug of WBCE 1.5.3 which is fixed in 1.5.4.
Manual fix described in english too:
https://forum.wbce.org/viewtopic.php?pid=40025#p40025

2. and 3. As webbird already has written, for whatever reasons the frontend.css is missing or not loaded. The input files you did not create are spambot honeypots which are usually hidden by CSS. Also, the form in general should already styled by CSS.

Are there any entries in the WBCE error log (Admintools > errorlog viewer) and/or JS errors in the Browser console (F12)?


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#4 07.12.2022 17:04:57

mikejd
Mitglied

Re: mpForm questions

@florian
The frontend.css file appears to be there but maybe isn't loading. No errors seem to be logged or Js errors.

Thanks for the captcha update.

Offline

#5 07.12.2022 23:01:59

mrbaseman
Developer

Re: mpForm questions

Does the frontend.css contain the right content? or was it perhaps reverted to the default during the migration?

Offline

#6 07.12.2022 23:16:23

mrbaseman
Developer

Re: mpForm questions

Well, if the style file is loaded at all is visible easily in the html source of the frontend. If it is not loaded at all, are the following lines in the template?

[== PHP ==]
                <?php 
                if(function_exists('register_frontend_modfiles')) {
                        register_frontend_modfiles('css');
                        register_frontend_modfiles('jquery');
                        register_frontend_modfiles('js');
                } 
                ?>

Offline

#7 08.12.2022 11:19:36

mikejd
Mitglied

Re: mpForm questions

I'm thinking there must be a css file loaded because the checkboxes are showing a background colour. The form I had on the WB installation was styled, so I'm wondering if I could try the css file from there? Just off for some snow clearing, so it will have to wait for a while.

Offline

#8 08.12.2022 14:03:44

Slugger
Mitglied

Re: mpForm questions

Another option would be to install the Frontend Final CSS Editor module from the repository.

-> Click to Addon

Here you can test your CSS file without having to edit the frontend.css in the mpform module.


Hoster: ALL-INKL *** Grundsätzliche WBCE Konfig ***
WBCE: 1.5.4 • BE: 2.1.0 • PHP: 8.1.16 * 1. Projekt: FE: Simple responsive • BE: Argos * 2. Projekt: FE: hortal • BE: Argos * 3. Projekt: FE: WBCEZon • BE: Argos * 4. Projekt: FE: WBCETik • BE: Argos
Status Projekt 1-4:  OK

Online

#9 08.12.2022 14:51:59

mikejd
Mitglied

Re: mpForm questions

Thanks @Slugger, I've installed that and can try using it. However, I still would need to identify the tags which I need to target, which I am confused about.

I have tried using the css file from my previous WB installation. It is clearly different to the WBCE one, it's a larger file so must have more in it (I haven't checked it yet), but it still is not working.

Offline

#10 08.12.2022 19:07:44

mrbaseman
Developer

Re: mpForm questions

In mpform you can edit the css directly in the backend. The style files are not overwritten during module update. If the old one was based on the old default file, the new one is quite different now. As far as I can remember we have reworked it years ago. However, the changes were mostly coding style, and not so much semantical changes.

Offline

#11 08.12.2022 19:35:12

Slugger
Mitglied

Re: mpForm questions

Yes, of course that is also possible, but no modified css is saved for the first installation. Unfortunately, I am not familiar with the WB. It would be good to know which module in the WB is used for forms, and the module stores its own CSS file somewhere. If it was done via a file, the prefixes at the beginning are important so that the settings for mpform can be adjusted.

Do you also have links to the old and new website so we can take a look?

Beitrag geändert von Slugger (08.12.2022 19:46:31)


Hoster: ALL-INKL *** Grundsätzliche WBCE Konfig ***
WBCE: 1.5.4 • BE: 2.1.0 • PHP: 8.1.16 * 1. Projekt: FE: Simple responsive • BE: Argos * 2. Projekt: FE: hortal • BE: Argos * 3. Projekt: FE: WBCEZon • BE: Argos * 4. Projekt: FE: WBCETik • BE: Argos
Status Projekt 1-4:  OK

Online

#12 08.12.2022 21:11:17

mrbaseman
Developer

Re: mpForm questions

The old one was with mpform, as well. The difference might also be in the settings. If the form was exported and imported in the new installation I believe there shouldn't be a problem, but if the new form was created by hand, it's based on a layout with div tags, whereas old installations were based on tables. That might be a difference, which is relevant for that the old css file doesn't fit with the new mpform section.

Offline

#13 09.12.2022 14:46:09

mikejd
Mitglied

Re: mpForm questions

Thanks to @mrbaseman and @Slugger for their suggestions.

I have exported two forms from the old WB installation and imported into the WBCE installation.
I have then used the css editor to style the forms, at the moment just to layout better but it works. Both of these are based on divs not tables.

There remains now, I think, 2 issues:
1. The four fields at the top of each form which should be hidden.
2. Neither form can be submitted. Clicking 'submit' does not send a confirmation nor a record of submission in the backend. It then links back to the 'Home' page.

The forms can be viewed at:
https://rhyniecharitabletrust.co.uk/pag … urvey1.php
https://rhyniecharitabletrust.co.uk/pag … urvey2.php

Any advice appreciated.
regards,
Mike

Offline

#14 09.12.2022 16:40:23

bernd
Developer

Re: mpForm questions

1. To hide them you have to define the class nixhier in your CSS

.nixhier { display: none; }

2. Just sent the form from your first link sucesfully and was redirected to the resume of the form.

Sidenote:
Using checkboxes (where one can select both options) for yes/no questions is not very practical you better should use radio-buttons (input type="radio")

Beitrag geändert von bernd (09.12.2022 17:09:40)


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#15 09.12.2022 16:55:36

mikejd
Mitglied

Re: mpForm questions

Correction to the last post above:
It appears that the submission is now working. I have received an email notice of submission and the submission is listed in the backend. So delete item 2.
Just item 1. Is it possible to use CSS to hide these, in which case which tag do I target?

Offline

#16 09.12.2022 16:58:23

bernd
Developer

Re: mpForm questions

You have read my reply #14?


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#17 09.12.2022 17:08:48

mikejd
Mitglied

Re: mpForm questions

Thanks for that @bernd, I didn't see it before I posted.

Offline

#18 09.12.2022 17:38:20

mikejd
Mitglied

Re: mpForm questions

Both forms now working.
Thanks to everyone.

Offline

#19 09.12.2022 20:55:41

mrbaseman
Developer

Re: mpForm questions

Great. The honeypot fields are defined as a constant by the way. You could overwrite the define if you wanted. I have switched to the .nixhier class many years ago because of collisions with the more general .hidden class which is used quite widely. Sure, the main point is to make the element invisible, but in some cases it's a div, sometimes it's a row of a table, or just a style assigned by span... I simply wanted to avoid an overlap with other modules, and because we are talking about honeypot fields without disclosing too may details on the pupose of this class and the name of the module.

Offline

Fußzeile des Forums

up