Comments (5)
Did you also tried to run your project on npm? here are some steps that you have to follow: https://demos.creative-tim.com/paper-dashboard-2-pro/docs/1.0/components/colors.html
from paper-dashboard.
Ran into the same issue, use this to properly configure Firefox: https://stackoverflow.com/a/3704578
from paper-dashboard.
Hello @photonauta35, thank you for using our products, this may be an issue with Firefox. On local, Firefox doesn't know the correct path to the icons. Try to set your path like C:\User\Desktop\YourProject...
, not a relative one; or you can run your project on a server. As you can see, the icons from our product(Paper Dashboard) on livePreview is working fine.
Hope these informations helps you.
All the best,
Stefan
from paper-dashboard.
Hi @groovemen ! Thanks for your help.
So, I was looking for nucleo app header registers, but I didnt realize.
This is the header:
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="../assets/img/icon_instituto_moreira_salles.png">
<link rel="icon" type="image/png" href="../assets/img/favicon_instituto_moreira_salles.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>
Guia
</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link href="../assets/css/fontawesome-all.min.css" rel="stylesheet">
<!-- CSS Files -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="../assets/css/paper-dashboard.css" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your project -->
<link href="../assets/demo/demo.css" rel="stylesheet" />
</head>
This is an element by class, for exemplo. Here I should get an icon:
<div class="icon-big text-center icon-warning">
<i class="nc-icon nc-globe text-warning"></i>
</div>
This is the js calls:
<!-- Core JS Files -->
<script src="../assets/js/core/jquery.min.js"></script>
<script src="../assets/js/core/popper.min.js"></script>
<script src="../assets/js/core/bootstrap.min.js"></script>
<script src="../assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
<script src="../assets/js/plugins/moment.min.js"></script>
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="../assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for Sweet Alert -->
<script src="../assets/js/plugins/sweetalert2.min.js"></script>
<!-- Forms Validations Plugin -->
<script src="../assets/js/plugins/jquery.validate.min.js"></script>
<!-- Plugin for the Wizard, full documentation here: https://github.com/VinceG/twitter-bootstrap-wizard -->
<script src="../assets/js/plugins/jquery.bootstrap-wizard.js"></script>
<!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
<script src="../assets/js/plugins/bootstrap-selectpicker.js"></script>
<!-- Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->
<script src="../assets/js/plugins/bootstrap-datetimepicker.js"></script>
<!-- DataTables.net Plugin, full documentation here: https://datatables.net/ -->
<script src="../assets/js/plugins/jquery.dataTables.min.js"></script>
<!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs -->
<script src="../assets/js/plugins/bootstrap-tagsinput.js"></script>
<!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
<script src="../assets/js/plugins/jasny-bootstrap.min.js"></script>
<!-- Full Calendar Plugin, full documentation here: https://github.com/fullcalendar/fullcalendar -->
<script src="../assets/js/plugins/fullcalendar.min.js"></script>
<!-- Vector Map plugin, full documentation here: http://jvectormap.com/documentation/ -->
<script src="../assets/js/plugins/jquery-jvectormap.js"></script>
<!-- Plugin for the Bootstrap Table -->
<script src="../assets/js/plugins/nouislider.min.js"></script>
<!-- Google Maps Plugin -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
<!-- Chart JS -->
<script src="../assets/js/plugins/chartjs.min.js"></script>
<!-- Notifications Plugin -->
<script src="../assets/js/plugins/bootstrap-notify.js"></script>
<!-- Control Center for Now Ui Dashboard: parallax effects, scripts for the example pages etc -->
<script src="../assets/js/paper-dashboard.min.js" type="text/javascript"></script>
<!-- Paper Dashboard DEMO methods, don't include it in your project! -->
<script src="../assets/demo/demo.js"></script>
What do you mean with "Try to set your path like "? Where I have to do that?
from paper-dashboard.
Ran into the same issue, use this to properly configure Firefox: https://stackoverflow.com/a/3704578
That's great! Thank you. =)
from paper-dashboard.
Related Issues (20)
- Mobile view is not hiding the sidebar properly HOT 1
- Error when bundling with Webpack 4
- missing ../fonts/nucleo-icons.svg HOT 2
- Navbar links not showing in IE HOT 1
- Render pages NOT in routes export HOT 3
- File input not showing
- Navbar components are broken or overlapped when clicked HOT 3
- does this project use MIT license? HOT 1
- Side Bar does not work in mobile menu , emulator . Throws error
- test HOT 1
- Horizontal scrollbar visible in sidebar HOT 1
- [Bug] Horizontal scrollbar present in the sidebar
- [Bug] Horizontal scrollbar present in the sidebar HOT 5
- Can't update Sass files HOT 1
- Can't Update Sass files HOT 1
- [Bug] Sidebar toggle is not working when browser is resized to smaller screen. HOT 4
- $(...).perfectScrollbar is not a function TypeError HOT 1
- [Bug] $(...).perfectScrollbar is not a function TypeError HOT 5
- child menus in sidebar is not working properly HOT 1
- ve-tim.com HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from paper-dashboard.