Hello,
I installed the "Special Contact Form" plugin.
Do you know why I have to click the submit button twice to send the message?
Thank you for your opinions.
Rocco.

 

Source:
 

form-control {
  display: block;
  width: 100%;
  height: 35px;
  padding: 6px 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #888;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
  .form-control::-moz-placeholder {
    color: #bbb;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #bbb; }
  .form-control::-webkit-input-placeholder {
    color: #bbb; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent;
    opacity: 1; }
  .form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: 35px; }
    input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"], .input-group-sm > input.input-group-addon[type="date"], .input-group-sm > .input-group-btn > input.btn[type="date"], .input-group-sm > .input-group-btn > div.search_results input.submit[type="date"], div.search_results .input-group-sm > .input-group-btn > input.submit[type="date"], input[type="time"].input-sm, .input-group-sm > input.form-control[type="time"], .input-group-sm > input.input-group-addon[type="time"], .input-group-sm > .input-group-btn > input.btn[type="time"], .input-group-sm > .input-group-btn > div.search_results input.submit[type="time"], div.search_results .input-group-sm > .input-group-btn > input.submit[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input.form-control[type="datetime-local"], .input-group-sm > input.input-group-addon[type="datetime-local"], .input-group-sm > .input-group-btn > input.btn[type="datetime-local"], .input-group-sm > .input-group-btn > div.search_results input.submit[type="datetime-local"], div.search_results .input-group-sm > .input-group-btn > input.submit[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input.form-control[type="month"], .input-group-sm > input.input-group-addon[type="month"], .input-group-sm > .input-group-btn > input.btn[type="month"], .input-group-sm > .input-group-btn > div.search_results input.submit[type="month"], div.search_results .input-group-sm > .input-group-btn > input.submit[type="month"], .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
      line-height: 30px; }
    input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"], .input-group-lg > input.input-group-addon[type="date"], .input-group-lg > .input-group-btn > input.btn[type="date"], .input-group-lg > .input-group-btn > div.search_results input.submit[type="date"], div.search_results .input-group-lg > .input-group-btn > input.submit[type="date"], input[type="time"].input-lg, .input-group-lg > input.form-control[type="time"], .input-group-lg > input.input-group-addon[type="time"], .input-group-lg > .input-group-btn > input.btn[type="time"], .input-group-lg > .input-group-btn > div.search_results input.submit[type="time"], div.search_results .input-group-lg > .input-group-btn > input.submit[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input.form-control[type="datetime-local"], .input-group-lg > input.input-group-addon[type="datetime-local"], .input-group-lg > .input-group-btn > input.btn[type="datetime-local"], .input-group-lg > .input-group-btn > div.search_results input.submit[type="datetime-local"], div.search_results .input-group-lg > .input-group-btn > input.submit[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input.form-control[type="month"], .input-group-lg > input.input-group-addon[type="month"], .input-group-lg > .input-group-btn > input.btn[type="month"], .input-group-lg > .input-group-btn > div.search_results input.submit[type="month"], div.search_results .input-group-lg > .input-group-btn > input.submit[type="month"], .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
      line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label, .checkbox label {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline, .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 35px; }
  .form-control-static.input-lg, .input-group-lg > .form-control.form-control-static, .input-group-lg > .input-group-addon.form-control-static, .input-group-lg > .input-group-btn > .btn.form-control-static, .input-group-lg > .input-group-btn > div.search_results input.submit.form-control-static, div.search_results .input-group-lg > .input-group-btn > input.submit.form-control-static, .form-control-static.input-sm, .input-group-sm > .form-control.form-control-static, .input-group-sm > .input-group-addon.form-control-static, .input-group-sm > .input-group-btn > .btn.form-control-static, .input-group-sm > .input-group-btn > div.search_results input.submit.form-control-static, div.search_results .input-group-sm > .input-group-btn > input.submit.form-control-static {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-sm > .input-group-btn > div.search_results input.submit, div.search_results .input-group-sm > .input-group-btn > input.submit {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn, .input-group-sm > .input-group-btn > div.search_results input.submit, div.search_results .input-group-sm > .input-group-btn > input.submit {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > .input-group-btn > div.search_results input.submit, div.search_results .input-group-sm > .input-group-btn > input.submit, select[multiple].input-sm, .input-group-sm > select.form-control[multiple], .input-group-sm > select.input-group-addon[multiple], .input-group-sm > .input-group-btn > select.btn[multiple], .input-group-sm > .input-group-btn > div.search_results input.submit[multiple], div.search_results .input-group-sm > .input-group-btn > input.submit[multiple] {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }
  .form-group-sm select.form-control {
    height: 30px;
    line-height: 30px; }
  .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto; }
  .form-group-sm .form-control-static {
    height: 30px;
  &nbs

You should update Your outdated 5.1  to either the Typesetter master at github or to my further updated Github Fork (php7.3 and 7.4 only).

Which php7-version do You use ? The are 4 Contact-Form-Versions :

1. original at Plugins

which was ported to github

2. Github Typesetter   and forked

3. Github gtbu with Update mailer 5.27 (security)

You should try version 3 (after update) - can You post a weblink  of a testinstallation please..

 

 

Thank you for your answer.
I am in PHP 7.0
What do you think is the best option?

--

"can You post a weblink of a test installation please.."
What do you mean? I'm a beginner

A. php7 is a bit outdated and not so safe - but 5.1 has less hidden deprecations than with php 7.4.

For You Typesetter 5.1.1 is nearer to TP 5. 1 : Just unzip the master into a temporary directory of Your harddisk and rename the include-directory to include.new and copy it with filezilla-portable into the root of Your web-installation. Then rename the directory include to include.old and the include.new to just include ( So You can rename back if something fails. You can of course do the same with the typesetter master at github, which has jquery 2.24. )

B. I would at first install the special contactform under addons and see what happens (You see  it in the cms under available plugins. It appears in the site under .../sfc )  Under xampp php 8.1 und Typesetter 5.3 i need no double-click . Otherwise i would need a weblink of Your installation.

You should not oversee that anyone can append a file with this form.

P.S. I have a question to You :  You use https://www.panpam.ch/en/  (in mediawiki this would be a sub-namespace)

Normally i put a domain at an installation-directory. You use /en/ . This is not a subdmain like en.panpam.ch .

Did You make entries into the htaccess(and which), or what did You change.

* There was a unsolved forumpost of a user ( domain.com/sub ) who had problems with pages after he put the domain on a directory and the installation into a subdirectory /sub

This is one possible reason for malfunctions.