I have the following code.

    $form = $this->init_module('Libs/QuickForm');

    $form->addElement('header', 'title', __('Xero Connect'));

    $form->addElement('text','consumer_key',__('Consumer Key'),array('style'=>'width:250px'));

    $form->addElement('text','secret_key',__('Consumer Secret'), array('style'=>'width:250px'));

    $form->addElement('submit', 'save_btn', __('Save')); //, $form->get_submit_form_href());

    $form->addElement('header', 'subtitle1', __('X509 Certificate'));

    $form->addElement('textarea', 'key_txt', null, array('readonly'=>true, 'style'=>'margin-top:5px;height:100px;width:250px'));

    $msg = '<div style="width:250px">Copy and paste this certificate to your Xero Dashboard to generate your consumer and secret keys.</div>';

    $form->addElement('static', 'static_text_1', '', $msg);

    $form->addElement('button', 'cert_btn', __('Generate New Certificate'), $form->get_submit_form_href());

    

    $form->addElement('header', 'subtitle2', __('Synchronise with Xero'));

    $form->addElement('submit', 'sync_btn', __('Synchronise Now')); //, $form->get_submit_form_href());

    if ($form->validate()) {

      $values = $form->exportValues();

      var_dump($values);

    }

However when the Synchronise Now button is clicked I get the following output:

array(5) { ["submited"]=> string(1) "1" ["consumer_key"]=> string(30) "AENYJU0R......GHYJBKH" ["secret_key"]=> string(30) "V25VTLF6N........HHRTRVNUTD" ["save_btn"]=> string(4) "Save" ["key_txt"]=> string(924) "-----BEGIN CERTIFICATE----- MIICfjCCAeegAwIBAgIJAJlZaop+Wa8lMA0GCSqGSIb3DQEBCwUAMFgxCzAJBgNV BAYTAk5aMRAwDgYDVQQIDAdIYXVyYWtpMQ4wDAYDVQQHDAVXYWloaTELMAkGA1UE CgwCUHIxGjAYBgNVBAMMEXd3dy5wcmludGVjLmNvLm56MB4XDTE1MDcwNTAyNTMz N1oXDTE2MDcwNDAyNTMzN1owWDELMAkGA1UEBhMCTloxEDAOBgNVBAgMB0hhdXJh a2kxDjAMBgNVBAcMBVdhaWhpMQswCQYDVQQKDAJQcjEaMBgGA1UEAwwRd3d3LnBy aW50ZWMuY28ubnowgZ8wDQYJKoZIhvcNAQEBBQADgY0AMIGJAoGBAOWVqsdrvkYO v4mCNQur2FOwvUOPSa20qA24I3FR8R/aaj2n0i5yrm/utScGhmlXv59Cb4dYNQZC qwo3U0I2TkQtfRIIHkM9st8hRnj9xF9QL29CdT8il4AUckAdT0TxNaMOIVtTYeIw vl2hOFp+/PX0nOy1hNBNRyowiL/7mkcFAgMBAAGjUDBOMB0GA1UdDgQWBBRjSVez iQlZNGmTPHV53+FDhW744jAfBgNVHSMEGDAWgBRjSVeziQlZNGmTPHV53+FDhW74 4jAMBgNVHRMEBTADAQH/MA0GCSqGSIb3DQEBCwUAA4GBAK45t2Som4Vwm+dFhEkY 6ksADm3xqWtQ0O5qu0cadPo3pXUElTpPZlX4cBQ1lWuL6LM5+eKb/EOgOTIBNrT1 SzEgVe9/ZdPtn5RqW5yqzchqmjsQg1PcoAL9wvJVai9g8P1eRGqvX5A+P1e2I3IN i3qvkm2gtH2zfWtVXAUSdLui -----END CERTIFICATE----- " }

Note the "save_btn" array key while expecting "sync_btn". I had a look at Chrome Inspector and it does render as <input name="sync_btn" value="Synchronise Now" type="submit"> in the browser.

Is there something strange happening with the form javascript onsubmit handler? How do I get the second submit button to behave a bit more like a second form?

--- Edit ----

Ok, I kind of figured it out. I declared a second form in code:

$form = $this->init_module('Libs/QuickForm');

    $form->addElement('header', 'title', __('Xero Connect Keys'));

    $form->addElement('text','consumer_key',__('Consumer Key'),array('style'=>'width:250px'));

    $form->addElement('text','secret_key',__('Consumer Secret'), array('style'=>'width:250px'));

    $form->addElement('submit', 'save_btn', __('Save')); //, $form->get_submit_form_href());

    $form->addElement('header', 'subtitle1', __('X509 Certificate'));

    $form->addElement('textarea', 'key_txt', null, array('readonly'=>true, 'style'=>'margin-top:5px;height:100px;width:250px'));

    $msg = '<div style="width:250px">Copy and paste this certificate to your Xero Dashboard to generate your consumer and secret keys.</div>';

    $form->addElement('static', 'static_text_1', '', $msg);

    $form->addElement('button', 'cert_btn', __('Generate New Certificate'), $form->get_submit_form_href());

    $sync_form = $this->init_module('Libs/QuickForm');

    $sync_form->addElement('header', 'subtitle2', __('Synchronise with Xero'));

    $sync_form->addElement('submit', 'sync_btn', __('Synchronise Now')); //, $form->get_submit_form_href());

    

    $form->display();

    $sync_form->display();

However, it messes a bit with the layout.

Any ideas on how to fix so that "Synchronise with Xero" header displays full width?

Regards
Glenn

Epesi ENS | Epesi Academy | epesi.cloud PaaS | GitHub

Help Me! | Download from SourceForge