Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10024562
    Sascha_Khan
    Participant

    Hello *,

    I want to use the Wizard Form from Porto.

    As shown in the examples it works fine.

    But in the last step of the wizard I want to implement a summary. But I don’t know how to access the entered data for using them for a summary. How could this be done?

    And in addition to that how can I send the whole package of the data back to the server as post?

    Thank you.

    Best Regards.
    Sascha


    #10024571
    Support2
    Keymaster

    Hello Sascha,

    1) This will require that you create a custom code to make that.
    My suggestion for you is bind the javascript “change” event on the fields. So when the user fill a field, the event will trigger and update the summary info.

    2) You can use AJAX to send the data of wizard, like the code below:
    (js/examples/examples.wizard.js):

    // Ajax
    $.ajax({
    	url: 'yor/server/side/path.php',
    	method: 'post',
    	data: {
    		name: $('#name').val(),
    		lastname: $('#lastname').val()
    	},
    	success: function(data) {
    		console.log('success');
    	}
    });

    Kind Regards,

    Rodrigo.


    • This reply was modified 6 years, 1 month ago by Support2.
    #10024637
    Sascha_Khan
    Participant

    Hello Rodrigo,

    I have build my own javascript functions, as you mentioned. When the user is making a input the “onchange” event calls my function.
    But I have a problem when using input controls like radio buttons or select lists. In that case the user does not make a input, he is using the default value. The “onchange” event does not call my function. For this I need a different solution.

    In my mind I have to use the click event of the wizard buttons.
    How can I add my own javascript function when clicking the buttons from one mask to the next?

    Best Regards.
    Sascha


    #10024643
    Support2
    Keymaster

    Hello Sascha,

    Here is where you can add your javascript function:
    (examples.wizard.js):

    Hope it helps you.

    Kind Regards,

    Rodrigo.


Viewing 4 posts - 1 through 4 (of 4 total)

This topic is marked as "RESOLVED" and can not rceive new replies.