snake117
Incorporating 3rd party admin template to Phoenix 1.4 project
I recently came across this theme on Bootstrap Dash: Corona Bootstrap Admin Template | BootstrapDash and would like to incorporate it in my next Phoenix 1.4 project. I have not done this before and was wondering how to go about doing it?
It comes with folders for: css, fonts, gulp-tasks, images, js, pages, partials, scss, vendors,as well as a gulpfile.js.
Also, will it be problematic if Gulp is used in phoenix?
If anyone can guide me through this I would greatly appreciate it 
Thanks
First Post!
OvermindDL1
Phoenix is just the webserver, it doesn’t control what you put on the page itself. 
By default the modern phoenix generators come with webpack definition files setup to make it easy to setup all the javascript/css/images/etc… but even that is optional. However, assuming you are using the normal modern template generator then you’d just integrate it with webpack the same as any other webpack thing, not specific to phoenix whatsoever and lots of docs on the Internet about it.
Most Liked
sanswork
It depends a lot on how good the template author has done their job but generally I copy the precompiled css file instead of the scss files.
For the JS I ignore their venders/third party scripts directory and use npm modules as I need them so check their scripts and often they’ll have a demo.js or something like that which shows off everything. Ignore that and look for what it includes as the base js file. Copy that file to your project and require it from your app.js and if you need one of the thirdparty vendor scripts npm install it and require it from that script instead.
fonts/images go in assets/static. The rest you don’t need to copy over.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
We build reliable cloud platforms for business-critical systems.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Practical resources that improve the lives of professional developers.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"