Skip to content

Smartwizard V5.0.0 - Responsive design don't work with transition effects #88

@argawow

Description

@argawow

With transition-animation: 'slide-h' the responsiveness doesn't work properly. The content is not centered in the viewing window on / after risize. After switching to another tab, the view is correct again.

Here are the settings I am using:

$('#smartwizard').smartWizard({ selected: 0, // Initial selected step, 0 = first step theme: 'default', justified: false, keyNavigation: true, // Enable/Disable keyboard navigation(left and right keys are used if enabled) autoAdjustHeight: true, // Automatically adjust content height cycleSteps: false, // Allows to cycle the navigation of steps backButtonSupport: true, // Enable the back button support useURLhash: true, // Enable selection of the step based on url hash transition: { animation: 'slide-h', // Effect on navigation, none/fade/slide-horizontal/slide-vertical/slide-swing speed: '400', // Transion animation speed easing: '' // Transition animation easing. Not supported without a jQuery easing plugin }, //contentCache: true, //hiddenSteps: [2, 3], lang: { // Language variables next: nextButton, previous: backButton }, toolbarSettings: { toolbarPosition: 'bottom', // none, top, bottom, both toolbarButtonPosition: 'right', // left, right showNextButton: true, // show/hide a Next button showPreviousButton: true, // show/hide a Previous button toolbarExtraButtons: [ btnFinish, btnCancel ] }, });

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions