Base solution for your next web application
Open Closed

Problem in integrating metronic wizard. #10012


User avatar
0
imran2808 created

Hi, belwo are the prerequisite of my app

  • v9.3.0

  • Angular

  • .net core

  • Default Theme

  • Default settings.

I am integrating the angular wizard, but looks like css is not loading as expected. For testing purpose I added a menu as per the structure and copied the Wizard-2 folder from metronic source. When I navigate to the menu. I can see Wizard is loading but its listing the complete html. Please help me what I am missing.


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

    Hi @imran2808

    Wizard styles are not included in the project by default. Did you include them into angular.json ?

  • User Avatar
    0
    imran2808 created

    Thanks for the reply. Yes I did as per other metroic styles. still its not renedering as expected. The wizard has the dependency or "kt-portlet" even I included those styles also, but still its same. Can I get some sample steps to integrate any Metronic Component into this framework. It will be a great help.

    Thanks, Imran.

  • User Avatar
    0
    imran2808 created

    Yes, I have included the css in angular.json

  • User Avatar
    0
    imran2808 created

    @ismcagdas any update?

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @imran2808

    Coul you share your project with [email protected] ? We can fix this problem for you.

    Thanks,

  • User Avatar
    0
    imran2808 created

    I have shard the code via GitHub by sending the request to code repo. Please accept and download the code. Also I tried to add the Wizard in main menu and have removed the steps. Still it not working. Please have a look ASAP.

    Thank you. Imran.

  • User Avatar
    0
    imran2808 created

    Hi @ismcagdas,

    I have mailed the code link. Please download and have a look.

    Regards, Imran.

  • User Avatar
    0
    imran2808 created

    Hi @ismcagdas, any update on this?

  • User Avatar
    0
    imran2808 created

    Hi @ismcagdas,

    I am eagerly waiting for this. Can you reply if this can be done or we have to look for an alternative. I am ablet to hook up the wizard js, but still no luck on wizard css file. please provide the solution asap.

    Regards, Imran.

  • User Avatar
    0
    musa.demir created

    Hi @imran2808

    You implement it in a wrong way. Can you please copy following codes to your project. It is metronic's own example page. (I checked it and it works on your project.)

    https://gist.github.com/demirmusa/d0c90a1ad2f7d85ebdb4bab24a8e76c3 (I uploaded it to my gists because it is too long to write here)

  • User Avatar
    0
    imran2808 created

    Thank you. The css I used was not correct. Its working now.

  • User Avatar
    0
    Hellonote created

    I am getting two errors:

    1. Jquery not defined
    2. KTWizard is not defined

    Is there any thing which possibly I am missing?

  • User Avatar
    0
    admin@SYNTAQ created

    Where is the wizard css in 11.1? The wizard.js is there but no css