ani theme installation within personal project

Forum › Category: Installation › ani theme installation within personal project
2 Vote Up Vote Down
grugna asked 5 years ago

Hello,
I would like to use the ani theme in my application project. It is a big projects and the ui is in bootstrap right now. I’ m able to install ani theme by itself, but how can i install it within my application?
Thank you
 
Luca

Question Tags:
1 Answers
1 Vote Up Vote Down
Best Answer
sanketsahu answered 5 years ago

Hey Luca,
Ani theme is an entire project in itself. If you want to use it in one of your huge projects, you will probably have to do the following things

  • Remove the router provided by Ani theme
  • Manually copy files (JS / HTML / CSS) to your existing project structure
  • Import the Ani-theme module in your parent project

And then you can start using the theme.

sanketsahu replied 5 years ago

You can start copy components one-by-one and see if that works.

grugna replied 5 years ago

Hi,
Sorry if bother you. I did what you told me. i copied and paste all the files in my structure, i removed yapp router and i imported the module, but it is like the style are never loaded, everything still in bootstrap. Am i missing anything?

Luca

grugna replied 5 years ago

Thank you for the fast reply!
Can you just be more specific with the first point? I don’t know what is the router provider by ani theme.
Thank you very much!

Luca

sanketsahu replied 5 years ago

Usually in Angular only one particular module should have the router and other modules should just provide Directives and Services which can be used by the root module.

So, if you’ve a huge project which has it’s own router (like ng-router or ui-router), and if you want to use Ani theme then you need to remove the router provided by Ani-theme. It’s present in app.js.

And then you can use the directives provided by Ani theme

grugna replied 5 years ago

Ok,

got it! thank you!

Luca