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

MVC5 - JQuery plugin is not working

Thank you so much, I solved my problem. I changed my style of calling css and javascript files from the project files. I have a MVC5 project, I want to use some plugins but it doesn't seem working. I started a blank project to see if the plugins…
esdoodle
  • 247
  • 2
  • 21
0
votes
0 answers

angularJS not working with jQuery-Steps plugin

The {{name}} outside the jquery-steps div can be updated, but not the {{name}} inside. Why and how to fixed this? Please see my code or jsfiddle. HTML
Hello, {{name}}!
…
WCMC
  • 1,602
  • 3
  • 20
  • 32
0
votes
2 answers

calling angularjs controller based method from custom directive

I am using jquery steps in my angularjs app. I have used a custom directive to init the jquery plugin. Now I need to validate all input once the finish button is clicked on the final steps of the form. In order to do that I know there is a option…
Nurul Alam
  • 342
  • 3
  • 22
0
votes
1 answer

Select list item partially cut off in Firefox

Can someone tell me what might cause Firefox to render the selected item in a select list off center vertically? This is happening in CRM using Jquery Steps and Validation. Not sure if that is a potential source of the issue/css conflict or…
Mike Volmar
  • 1,927
  • 1
  • 22
  • 31
0
votes
1 answer

Nav pill to be added dynamically in modal using jquery in the middle based on a field value

I am using jquery steps and modal.While I need to add a nav-tab dynamically in the middle of 5 tabs based on the value of a field in the first tab. Following is the image of modal before I have hided the tab After hiding Fixed charges have some…
Ramsad
  • 63
  • 1
  • 1
  • 11
0
votes
1 answer

Integrate JQuery steps with ZK framework

I am trying to integrate the jQuery plugin "steps" with ZK framework. I am using textboxes and data binding like so:
Ace Spades
  • 39
  • 1
  • 8
0
votes
1 answer

Materialize css select not working with jquery steps

I'm having trouble getting a Materialize css select element to work within a jQuery Steps wizard. And I found that this guy Jon Vadillo are having the same issue with his example on CodePen (https://codepen.io/jonvadillo/pen/xObWmw). When clicking…
allanlange
  • 1
  • 2
0
votes
1 answer

disable continue/next button jquery steps with angular 2

I need to disable the continue button of jquery steps until I meet the exact condition.. ex: without filling username user can not allow to continue(simply disable it). In angular context how can I do this? thanks in advance
SFernando
  • 1,074
  • 10
  • 35
0
votes
1 answer

How to show form step according to initial response (Jquery steps)

I'm working with a form of the jquery step plugin and I'm trying to do something like this: I have a complete form and I want to show one step or another according to an initial response to a question. The initial question is like this:
Mvram
  • 434
  • 1
  • 5
  • 20
0
votes
1 answer

Jquery blockui not working with jquery steps

In my project i'm using jquery and jquery steps and blockui as plugins Now I have a three steps form; when i pass from step 1 to step 2 i need to make an ajax call, check some fields, and if all it's OK i can go to the second step My pseudo-code…
Angelo Immediata
  • 6,635
  • 4
  • 33
  • 65
0
votes
2 answers

Jquery steps - how to duplicate next and previous buttons ? E.g to use at top and bottom

I hope someone could help me with this. Basically, I am using Jquery Step, "Vertical Steps Example" on http://www.jquery-steps.com/Examples I am trying to duplicate 'next' and 'previous' buttons to sit both at the top and bottom of contents area…
DHJ
  • 31
  • 4
0
votes
1 answer

FullCalendar within JquerySteps

I'm currently setting up a stepped form that includes an implementation of FullCalendar to do some nice datepicking around existing events. I've ran into some difficulty and when including a FullCalendar within a Steps div, the calendar will render,…
sbozzie
  • 717
  • 2
  • 12
  • 33
0
votes
1 answer

Why is my jquery-steps wizard giving a function not defined error?

I'm by no stretch of the imagination a web developer, so this is likely quite a basic issue. I'm trying to copy the basic form from an example on the site. Here's my full index.html:
erip
  • 16,374
  • 11
  • 66
  • 121
0
votes
1 answer

Validation not working on jquery.steps with more than one select2 select input

I have the following HTML code to create a jquery.step-like wizard which includes 3 select2 input controls:

Data Package source information

Specify the details of the new…

Javier Jimenez Roda
  • 1
  • 2
0
votes
1 answer

ken wheeler's slick carousel down start normally with jquery steps

Sorry for my broken english. I'm using ken wheeler slick with jquery steps. I add a new step with jquery steps like this: $("#wizard").steps("add", { title: data.title, content: '
'+data.content+'
' }); after that, I use…
Arlong
  • 312
  • 3
  • 14
1 2 3
…
15 16