Base solution for your next web application
Open Closed

How do you include the metronic calendar into Angular SPA ? #6975


User avatar
0
dexmox created

Hi All,

I have looked through the forum for an example but I dont understand how to implement it.

Could someone please provide some detailed steps for importing and using the external-events from metronic into angular SPA?

Thank you kindly in advance for any and all assistance.

Kindest Regards, Dex


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

    Hi @dexmox

    Metronic uses https://fullcalendar.io/, so you just need to integrate this library into your project. Then you need to include css files for fullcalendar from Metronic's source code into your project and reference it in the page you use fullcalendar.

  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi @dexmox,

    AspNet Zero's Angular version doesn't contain JQuery and we don't suggest to use it in AspNet Zero's Angular version. You can give a try to full calendar's angular version, see https://support.aspnetzero.com/QA/Questions/6715#answer-e3f41b36-5639-1793-234c-39ecd6e5a80e

    If you can't manage to do that, please send an email to [email protected] and we will tyr to help you further.

  • User Avatar
    0
    besquare created

    Hi ,we're facing the same problem. Actually I think that not being able to use the Metronic template and having to backengineer it starting from fullcalendar is a bit of an issue: it takes a big effort and beats the purpose of using tools and templates. We should just be able to integrate the Metronic calendar-external-event code, as they have already built it on top of fullcalendar. The way events and calendar are integrated in the Metronic example must be reproduced from scratch. fullcalendar style also is very different from Metronic's one. Takes lots of time. Just my opinion, other than that we're having a good experience working with this tool.

  • User Avatar
    0
    ismcagdas created
    Support Team

    @besquare

    Right but we didn't include those files to AspNet Zero on purpose because many developer don't want those files in their solution since they don't use it.

    Also, Metronic only has this demo for JQuery I guess, not %100 sure.

    If you can share your problem, we can try to help you.

    Thanks :)

  • User Avatar
    0
    besquare created

    @ismcagdas

    Hi. Thanks for your prompt reply! :) Yes, we also noticed that the Metronic Angular solution doesn't include that demo. Do you think it's possible to get support from them in that regard, being aspnetzero users? Also, more importantly, metronic git hub code in aspnetzero repository has all the html files minified. Any chance to have access to the un-minified version of them? Thanks.