Coder Social home page Coder Social logo

Comments (6)

dominicbarnes avatar dominicbarnes commented on July 30, 2024

Yeah, jWizard assumes all children of the root element are steps.

Is there any reason your <canvas> element can't exist outside the wizard element? Can you be more specific about what you're trying to accomplish?

from jwizard.

mikebronner avatar mikebronner commented on July 30, 2024

It's purely for display purposes. The canvas is the main element of the form. At each step the user is given various options to manipulate the canvas. I would like the canvas to be displayed within the bounds of the wizard, but it doesn't have to be a child-object of the wizard from a coding perspective.

from jwizard.

dominicbarnes avatar dominicbarnes commented on July 30, 2024

To me, it seems like you have 2 main options:

  1. Use CSS to position that canvas element over your wizard. (kinda brittle idea, not my recommendation)
  2. Use a separate canvas element for each step in your wizard. (yeah, kinda annoying, but arguably the most effective solution)

from jwizard.

mikebronner avatar mikebronner commented on July 30, 2024

Good points. Yea, I've been thinking of those as well, and they all are prone to problems. There is a third possibility:
Insert the canvas into each step, shuffling it along with the form. Do the steps have callback functions I could make use of to do this, or do I just need to intercept the javascript events on the buttons?

Hey, thanks for your quick responses!

from jwizard.

dominicbarnes avatar dominicbarnes commented on July 30, 2024

Actually, that's a great idea as well. There are events you can hook into, check out the docs for more details.

from jwizard.

mikebronner avatar mikebronner commented on July 30, 2024

Perfect, this will work! I had looked the docs over before, but not from this viewpoint. I'll work on this tomorrow. Thanks again!

from jwizard.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.