Base solution for your next web application
Open Closed

How can i use metronic form wizard in asp core angular project #7074


User avatar
0
bosalah created

metronic example use this

   ngAfterViewInit() {
        this._script.loadScripts('app-wizard-wizard-2',
            ['assets/demo/default/custom/crud/wizard/wizard.js']);

    }

I cant find this function I tried to add wizard.js to angular.json and nothing happend


12 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @bosalah,

    Have you checked https://support.aspnetzero.com/QA/Questions/5242 ?

    Thanks,

  • User Avatar
    0
    BobIngham created

    @ismcagdas - a polite question,

    Will Metronic 6 angular scripts be included in Zero v7 angular? It would be nice to know how to implement the wizard. And also the resizeable portlets, for that matter. If you don't use the components and therefore don't intend to include them, that's fine but could you instruct us on how to do so? I just thought I'd mention this whilst your major job appears to be implementing Metronic 6 in angular (from what I can see on the Metronic 6 branch that v7 is waiting for). If we're going to bite the bullet with this upgrade it would be nice to have something positive as a reason to upgrade!!!!

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @bobingham

    Will Metronic 6 angular scripts be included in Zero v7 angular?

    Yes, but wizard will not be included by default.

    It would be nice to know how to implement the wizard.

    We can create a tutorial or we can write it as an answer to here after v7 release. I have taken a note about this and will update here.

  • User Avatar
    0
    BobIngham created

    Here will be great. If I can get this to work I will gladly document it and send you a copy.

  • User Avatar
    0
    abrewer created

    I am also interested in this!

    Thanks

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @abrewer

    Probably this will take a few weeks for us to prepare such a sample.

  • User Avatar
    0
    BobIngham created

    Looks like I opened a can of worms here, @ismcagdas, but I'm sure it will be worthwhile!

  • User Avatar
    0
    mumfie created

    I upgraded the metronic v5 wizard to metronic v6 recently and there were numerous undocumented changes from v5 mostly found by trial and error. That was using the jQuery version thou.

  • User Avatar
    0
    BobIngham created

    @mumfie, how did you invoke the Metronic wixard script? can you show some sample code? Please....

  • User Avatar
    1
    mumfie created

    Hi @bobingham, The steps I recall for jQuery version are 1 download the metronic v6.0.3 files from aspnetzero download page and extract. 2 determine the format of wizard presentation e.g. metronic wizard preview 3 copy any missing files into MVC solution, add to bundles etc 4 ensure the metronic JS files for wizard and options and CSS are being loaded into cshtml either via layout or page. Adjust based on theme where applicable. 5 update cshtml to include wizard classes etc. See applicable metronic example 6 add custom JS to page to create and process wizard events. 7 run app , check for javascript errors etc 8 test wizard, validation, submit etc

  • User Avatar
    0
    BobIngham created

    @mumfie, that's fantastic, thank you. @ismcagdas, you reckon you can do something like this when you come to

    prepare such a sample

    ? Just asking....

  • User Avatar
    0
    maberry created

    I know I am late to the party here, but I havent been able to locate a tutorial / post showing how to implement the wizard with aspnetzero. Can someone provide a link to where these documents were published?