103 comments found.
I need to create a class specifially for the previous step button, I am looking to remove the background so I can make the link less prominent. Can you help please?
You can use .nextPrevButtons .button:first-child. You can find that in style.css file.
the link u checked u didnt clicked on all the steps , its not working in second step , the button is being disabled even after third step still being left . check it please .
You said that plugin doesn’t work for you and now appears that only next/previous buttons doesn’t works. Your description of problem was lack. Now I understand what is wrong and I’ve replied to your email.
its not working for me still. i am using 1.8.1 it dosent works . plus its working with 1.7 i dnt know what may be the reason for this . can you have a look if i link you with the demo accounts?
Please send url, I can check that.
hello just purchased you script and as i expected its not working with jquery 1.8 , i tried it with jquery 1.7 it works but not with jquery 1.8 . the buttons dosent shows up using jquery 1.8 . i request you to please help me out without further delay with this matter as i have a website to launch and m stuck very bad because of this .
Hello,
Please try 1.8.1. I’ve just checked and works well for me with this version of jQuery.
Hey, Is there anyway to turn the last ‘Next’ Button on the final slide into a ‘Submit’ button to relay the form data whether its to an email or to a database?
You need to place submit button in last step, style it as next/previous button and positioning it absolute over inactive next step.
hello very nice dynamic steps plugin , i wanted to buy it but i have a pre sales question . Is this compatable with the latest jquery 1.8 ? as i was using a free steps plugin but it stopped working after i updated to jquery 1.8 , and after browsing i found this awesome plugin of yours . can u please confirm it .
Hello,
It should work without problems. If you’ll have any, please let me know, I’ll solve them for you.
is it possible to add a file upload form to one of the steps? Any recommendations on which item here on Codecanyon i can combine that would allow users to upload files in the final phase?
Yes, you can put any content into steps, also file uploader. You can choose any, all should works.
Hi,
I am interested in this script, would it b possible for me to use this script like this website http://tinyurl.com/d5ppkru ?
I basically want it to be an order table for printing products
thanks
Rich
Hi,
Yes, but the code for steps validation you need to create on your own. There is no build-in validation feature.
We recently purchased your plugin on Code Canyon. Very impressive and you have some good comments. We’re looking to implement the form as a POP -UP window. Just wanted to check on the HTML and the JS. Are we correct in thinking:
1. The HTML we add where we want the form to be. We already have a button in place so we use this to then link off…adding the HTML shown in your examples. 2. The javascript – could you please confirm where this code would be best placed?
The form is going to be a two or three page capture form with a submit button on the final screen which closes the pop-up. Would welcome your help just ensure we get this correct. Thanks in advance
Thank you!
You can take a look at examples 4-8. You can find them in livePreview.html file. About js – you can place it in some external file and link it to your site or in html file, in which you’ve the process panel.
Please check example 9 to see how to set form. Use form tag instead of div tag as panel tag and fieldset tag as steps content tags. In last step content please place submit button. To close the popup on form submit, please use below js code:
$("#your_form_id").submit(function(){
$(".overlay").trigger("click");
});
Hello,
I’m thinking about buying this script, but I need to know something…
Can I make a step that you have to click an image (or select it) from a bunch of them and get to the next step? Also, can I see a summary of my submitted information before submiting it?
Thank you in advance!
Hello,
You can put any content into steps. But you need to write your own code to reach what you need. You can use images as a links to other steps, you’ll just need to add a line of js code to make that works:
$("your_image_selector").click(function(){
$(".step" + num).trigger("mouseover").trigger("click");
}
Hi I have downloaded this version by mistake instead of the Wordpress version…Can you help?
Hi,
Please contact Envato support in this case.
Is there a way to make each button a different color?
No, that’s not possible.
Hello, Love the script. Was wondering if you could resolve an issue that I’ve noticed someone has already mentioned above. Im in need of this:
Keep the ‘Next’ button active when the last step is reached, change its color to green and its text to ‘submit’. I also need to submit form data when it is clicked.
Thanks so much for the Help and the great Plugin!
Hello,
You need to prepare submit button and style it the same as active next button. Then place it in step 3 content. Then you need to position it over the next button, so it will overlay it (position absolute or relative).
How can I make current step, with different color?
Hello, I have setup a 4 step panel with steps 2 and 3 being loaded via AJAX . I am also using the option kind = stepByStep. If the steps are followed in order either using the next button or clicking on the step header, things work great. however when the page initially loads and the user clicks on Step 3 “out-of-sequence” with step 2 not yet visited the entire page gets replaced with the contents of the AJAX response for Step 3. It appears that while the ajax call is being suppressed (which seems appropriate) the default behavior of the link for the Step is NOT being suppressed and instead followed by the browser.
If the out of sequence step being clicked on has “static” non-ajax content then things seem to display correctly in that the displayed content does not change from the current step. From the user’s point of view clicking on an out-of-sequence step appears to do nothing, which would be the expectation. But putting in AJAX content instead of static content causes the issue.
Any thoughts on how to correct the problem?
Thanks.
Hello,
I’ll check this and prepare an update if needed. Please give me 2-3 days.
Hello,
I’ve prepared an update for that issue. Please contact me via contact form I’ll send you an update in response.
Hello, we want to set the number of selected steps but in your api i can set only firststep selected true. can you please provid me how I can set selected step unitl 3 like from 1 to 3 steps will be selected. we are plugin you api into asp.net application and all steps is a link here is example
step 4 Merchant step1 Step2 astep3 step4 step5in this case user has already completed until step three so we want to show them that they already finish until steps 3 and he is in step 4 and in step 5 how can we set different color which has not finish or inactive
thanks
Hi,
I’ve just replied to your email.
Hello there, love your script.
I’m having a few issues adjusting it to fit into my site. I’m using the example 9 in the live preview, with the 3 steps. I want to effectively remove the inactive next button in the last step, and add a submit button instead, no need for ajax, just a regular submit.
I’m having issues removing the inactive button, I tried messing with it for a while but no luck, I’m not exactly a master of javascript yet. Any chance you could give me a pointer on how to remove the button on the last step, or change it to a submit button, would be much appreciated.
Regards, Andreas Seierup
Hello,
You don’t need to remove it. Just put your own submit button in the last step, then style it as you would like to, then position it over inactive button, so your button will overlay it.
You’ve indicated that code is compatible with IE7 , but it doesn’t seem to work correctly. Is there a fix for this?
I’ve just checked on http://dynamicstepprocesspanels.quanticalabs.com/ and it works good. Could you describe your problem?
You can see an example of what http://dynamicstepprocesspanels.quanticalabs.com/ looks like in Internet Explorer Version 7 at http://www.nthea.com/yourgocenter/screenshot.png (this is using Adobe’s Browser Lab)
This is the same thing it did to me with the website I’m building when I actually opened it in IE7 . Is there a fix to this issue?
Please test in real IE7 , then you’ll see that plugin works without problems. I’ve checked that.
var timesOpened = 0;
$("#processPanel2").processPanel({
kind: "freeChoice",
icons: false,
nextPrevButtons: false,
style: "orange-gray",
onOpen: function(event, step, content, stepNumber){
$(".message").remove();
if(stepNumber==2)
{
timesOpened++;
content.prepend("<div class="message">You've opened this step "
+ timesOpened + " time" + (timesOpened>1 ? "s":"") + ".</div>");
}
}
});
});
You need to put that code into <script> tag. Example:
<script type="text/javascript">
$(document).ready(function(){
$("#processPanel2").processPanel();
});
</script>
Hi!
Would it be possible to integrate ajax file uploader (like uploadify.com) – I would like for user to click “next step” and and see a progress percentage instead of loading icon,
Thanks for you answer.
Hi,
Yes, it’s possible but required some custom js coding. I can make this for you as a custom job. Please let me know via contact form in my profile if you’re interested.
