Stack Overflow
Stack Overflow

Questions tagged [jquery-steps]

jQuery Steps is a smart UI component which allows you to easily create wizard-like interfaces. This plugin groups content into sections for a more structured and orderly page view.

Homepage

http://www.jquery-steps.com/

Docs

https://github.com/rstaib/jquery-steps/wiki

Examples

http://www.jquery-steps.com/Examples

Syntax

$("#example-basic").steps({
  headerTag: "h3",
  bodyTag: "section",
  transitionEffect: "slideLeft",
  autoFocus: true
});
<div id="example-basic">
  <h3>Keyboard</h3>
  <section>
    <p>Try the keyboard navigation by clicking arrow left or right!</p>
  </section>
  <h3>Effects</h3>
  <section>
    <p>Wonderful transition effects.</p>
  </section>
  <h3>Pager</h3>
  <section>
    <p>The next and previous buttons help you to navigate through your content.</p>
  </section>
</div>
236 questions
0
votes
0 answers

Form with JQuery Steps using aui:form tag in Liferay submits no data

I built a portlet and added a entity named Idea. There are two JSPs, one is the view and one the edit. In the view there is only a button to create a new Idea and a table showing all ideas. Clicking on the button shows the edit jsp. There is a form…
christian1337
  • 61
  • 13
0
votes
1 answer

JQuery-Steps Wizard only show Step1 upon page load

I'm using Jquery-Steps wizard. Currently when the page loads there is a brief delay whereby all the wizard steps display unstyled until the javascript and css kicks in. It looks terrible and negates the wizard effect. Is there a way to only display…
sfuptown
  • 277
  • 1
  • 5
  • 14
0
votes
1 answer

How can I dynamically change setting after initialization with jquery-steps?

I would like to start a Steps form using jQuery-steps BUT without the finish button at the beginning. Because I need to handle some other button and jQuery event to activate (show) or deactivate this button; but I didn't find how I can change…
zehunter
  • 1
  • 2
0
votes
1 answer

Jquery-steps : Preserve last selected tab after postback

I am using Jquery-Steps to produce a Tabs effect on one of my aspx pages. Each tab has a Save button, which calls a server method to save values to db. However, on page reload, it by default selects the first tab. I am calling dvProfile.steps()…
Sri
  • 37
  • 9
0
votes
1 answer

Add New Button apart from Previous and Next in jquery steps

I want to add a new button called "Save" apart from the Previous and Next buttons on each tab in jquery-steps form. This will "Save" data on the form and stay on the same tab rather than continuing to next tab. Is it possible to add a new button to…
Prateek Garg
  • 21
0
votes
2 answers

Css styling steps

I'm using Jquery steps with bootstrap. I've created custom css to style steps list. My css is .steps li { padding: 7px 4px 10px; margin-right: 5px; background: #dedede; position: relative; display: inline-block; } .steps…
Linga
  • 10,379
  • 10
  • 52
  • 104
0
votes
1 answer

Getting setup issue with jQuery steps

I am trying to implementing jQuery steps plugin and I started with my some basic html and form but I am not able to run steps. I have also check in console but there is no error. I am setting up this example in my HTML:…
Mr.Happy
  • 2,639
  • 9
  • 40
  • 73
0
votes
1 answer

Is there a limit to jquery-steps content?

I am using jquery steps to show users a form, but I am running into a bit of a strange problem with the content property. If I have both " " on one line of code, the steps work. However, if I move the closing " to another line by adding another…
retrograde
  • 2,979
  • 6
  • 28
  • 54
0
votes
1 answer

Jquery Steps: add new tab based upon select

I am using jquery steps to gather some form data from users on mysite, but I am having some difficulty figuring out how to add a new tab upon the result of a user selection Form: {{ Form::open(array('url' => 'jobs/save', 'class' =>…
retrograde
  • 2,979
  • 6
  • 28
  • 54
0
votes
1 answer

Override default jquery-steps error message

I'm sure I'm just overlooking something simple...but I want to display a text error message next to the invalid input item (such as a text box) in the jQuery-steps form validation. Code base on Jquery-steps, here. From what I've been reading this…
JPFotoz
  • 95
  • 4
  • 14
0
votes
1 answer

How to process response using jquery-steps?

I am new to jquery/ajax and have a template that uses jquery-steps. How do I read/process a json response from the server after the form has submitted? I know how to do it in a basic form with the following by calling the showResponse function: var…
swoosh
  • 639
  • 2
  • 9
  • 17
0
votes
0 answers

Change HTML Structure of the "jQuery Steps" plugin

Since jQuery Steps plugin does not support using your own html markup I need to tweak the plugin to at least support using tags on the 2nd level. The current structure it expects look like this:

Title 1

…
nathanfirth
  • 27
  • 3
0
votes
2 answers

jquery-steps form not submitting

I am using jquery-steps to submit a form for the first time, but I cannot get the form store in my db. The form was built using the laravel blade syntax, but for styling purposes, I am adding in the jquery-steps. My form - {{…
retrograde
  • 2,979
  • 6
  • 28
  • 54
0
votes
1 answer

jquery-steps styling finish button

I'm trying to style the Finish button for jquery-steps, however it appears to have an inline style:
  • How can I remove this style, it's interfering with my styling.
    • user3386514
    • 41
    • 2
    • 7
    0
    votes
    2 answers

    JQuery Steps - calculating number of steps (as they change dynamically) so that I can insert/remove at specific point

    I've recently built a funeral cost calculator tool for a client using Jquery Steps. The tool's form is quite complex, as a number of steps depend on whether certain form options have been selected. I managed to accommodate this myself by using the…
    user2789786
    • 3
    • 1
    • 3
    1 2 3
    …
    15 16