1. Fabrik 3.9 has been released. If you have updated Joomla to 3.9, this is a required update.
    Dismiss Notice

Hide submit on multipage form

Discussion in 'Community' started by hdouglas, Nov 26, 2019.

  1. hdouglas

    hdouglas Member

    Level: Community
    I realise on searching through the forums this has been asked a few times, but none of the answers seem to work, therefore help would be appreciated.

    Joomla 3.9.13 / Fabrik 3.9

    I have a multipage form and have set AJAX validation to YES and Toggle Submit to YES

    There are 2 issues:
    1) The submit button does have its opacity set to 0.5 until the form is completed, however I really need this to be much lighter, it is still too prominent on the form, also it seems to change back to opacity: 1 whenever an element is clicked on, if that element then causes other elements to appear.

    2) It would be more intuitive if the Back/Next buttons appeared Before the submit button rather than below, is there a simple switch to move these around?

    thanks
    Hugh
     
  2. lousyfool

    lousyfool Active Member

    Level: Community
    1.) As I write this I'm not sure if the JS adds a class or sets inline CSS, but you can find out with the inspector in your browser console and either override the CSS for the class or add your own JS.

    2.) Create a custom form template and change things around as you prefer in default_actions.php.
     
  3. hdouglas

    hdouglas Member

    Level: Community
    Thanks for the response, I found an alternative way of achieving this by creating a custom button which is only available on the last page of the form and then removing the normal save button.
    For anyone else looking to do something similar, the new 'save' button has 2 javascript actions attached to it:
    ON CLICK:
    document.getElementById('form_x').submit();

    and
    ON LOAD:
    document.getElementById('fullnameOfThisButton').addClass('btn-primary');
     
    cheesegrits likes this.

Share This Page