Dashboard Assets are not applied to the pages in Laravel Project
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
recently I have purchased a jquery/HTML dashboard, i included its assets in assets directory in public folder.
i have created blade files for JS and CSS and include the in layout.blade.php
<script src="{{ asset('/assets/js/vendor/jquery-3.3.1.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/jquery.contextMenu.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/perfect-scrollbar.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/mousetrap.min.js') }}"></script>
css blade file:
<link rel="stylesheet" href="{{ asset('/assets/font/iconsmind/style.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/font/simple-line-icons/css/simple-line-icons.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/bootstrap.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/perfect-scrollbar.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/jquery.contextMenu.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/main.css') }}" type="text/css" />
but when i run php artisan serve the dashboard theme is not applied.
here is the interface:
although, when I view the source code in the browser and click on one of the links it opens in a new tab indicating the paths are correct but not applied!
the reason i added the first slash / in the URL of the assets because the dashboard creator advised me with this solution regarding other developers that had the same issue lik mine, but that didn't work!
laravel assets dashboard
add a comment |
recently I have purchased a jquery/HTML dashboard, i included its assets in assets directory in public folder.
i have created blade files for JS and CSS and include the in layout.blade.php
<script src="{{ asset('/assets/js/vendor/jquery-3.3.1.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/jquery.contextMenu.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/perfect-scrollbar.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/mousetrap.min.js') }}"></script>
css blade file:
<link rel="stylesheet" href="{{ asset('/assets/font/iconsmind/style.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/font/simple-line-icons/css/simple-line-icons.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/bootstrap.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/perfect-scrollbar.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/jquery.contextMenu.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/main.css') }}" type="text/css" />
but when i run php artisan serve the dashboard theme is not applied.
here is the interface:
although, when I view the source code in the browser and click on one of the links it opens in a new tab indicating the paths are correct but not applied!
the reason i added the first slash / in the URL of the assets because the dashboard creator advised me with this solution regarding other developers that had the same issue lik mine, but that didn't work!
laravel assets dashboard
Can you show the rendered html code? Or at least the part where the css and script tags are?
– Jerodev
Nov 22 '18 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 '18 at 9:43
No links with your css not loading, but your base path is wrong in your layout.blade.php file since your wrote "assests".
– P. Ellul
Nov 22 '18 at 9:57
add a comment |
recently I have purchased a jquery/HTML dashboard, i included its assets in assets directory in public folder.
i have created blade files for JS and CSS and include the in layout.blade.php
<script src="{{ asset('/assets/js/vendor/jquery-3.3.1.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/jquery.contextMenu.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/perfect-scrollbar.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/mousetrap.min.js') }}"></script>
css blade file:
<link rel="stylesheet" href="{{ asset('/assets/font/iconsmind/style.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/font/simple-line-icons/css/simple-line-icons.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/bootstrap.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/perfect-scrollbar.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/jquery.contextMenu.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/main.css') }}" type="text/css" />
but when i run php artisan serve the dashboard theme is not applied.
here is the interface:
although, when I view the source code in the browser and click on one of the links it opens in a new tab indicating the paths are correct but not applied!
the reason i added the first slash / in the URL of the assets because the dashboard creator advised me with this solution regarding other developers that had the same issue lik mine, but that didn't work!
laravel assets dashboard
recently I have purchased a jquery/HTML dashboard, i included its assets in assets directory in public folder.
i have created blade files for JS and CSS and include the in layout.blade.php
<script src="{{ asset('/assets/js/vendor/jquery-3.3.1.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/jquery.contextMenu.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/perfect-scrollbar.min.js') }}"></script>
<script src="{{ asset('/assests/js/vendor/mousetrap.min.js') }}"></script>
css blade file:
<link rel="stylesheet" href="{{ asset('/assets/font/iconsmind/style.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/font/simple-line-icons/css/simple-line-icons.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/bootstrap.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/perfect-scrollbar.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/vendor/jquery.contextMenu.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('/assets/css/main.css') }}" type="text/css" />
but when i run php artisan serve the dashboard theme is not applied.
here is the interface:
although, when I view the source code in the browser and click on one of the links it opens in a new tab indicating the paths are correct but not applied!
the reason i added the first slash / in the URL of the assets because the dashboard creator advised me with this solution regarding other developers that had the same issue lik mine, but that didn't work!
laravel assets dashboard
laravel assets dashboard
edited Nov 22 '18 at 9:39
joe-inz
asked Nov 22 '18 at 9:34
joe-inzjoe-inz
4319
4319
Can you show the rendered html code? Or at least the part where the css and script tags are?
– Jerodev
Nov 22 '18 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 '18 at 9:43
No links with your css not loading, but your base path is wrong in your layout.blade.php file since your wrote "assests".
– P. Ellul
Nov 22 '18 at 9:57
add a comment |
Can you show the rendered html code? Or at least the part where the css and script tags are?
– Jerodev
Nov 22 '18 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 '18 at 9:43
No links with your css not loading, but your base path is wrong in your layout.blade.php file since your wrote "assests".
– P. Ellul
Nov 22 '18 at 9:57
Can you show the rendered html code? Or at least the part where the css and script tags are?
– Jerodev
Nov 22 '18 at 9:38
Can you show the rendered html code? Or at least the part where the css and script tags are?
– Jerodev
Nov 22 '18 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 '18 at 9:43
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 '18 at 9:43
No links with your css not loading, but your base path is wrong in your layout.blade.php file since your wrote "assests".
– P. Ellul
Nov 22 '18 at 9:57
No links with your css not loading, but your base path is wrong in your layout.blade.php file since your wrote "assests".
– P. Ellul
Nov 22 '18 at 9:57
add a comment |
1 Answer
1
active
oldest
votes
You can try this way.
<link rel="stylesheet" href="{!! asset('public/assets/font/iconsmind/style.css') !!}" />
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53427786%2fdashboard-assets-are-not-applied-to-the-pages-in-laravel-project%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can try this way.
<link rel="stylesheet" href="{!! asset('public/assets/font/iconsmind/style.css') !!}" />
add a comment |
You can try this way.
<link rel="stylesheet" href="{!! asset('public/assets/font/iconsmind/style.css') !!}" />
add a comment |
You can try this way.
<link rel="stylesheet" href="{!! asset('public/assets/font/iconsmind/style.css') !!}" />
You can try this way.
<link rel="stylesheet" href="{!! asset('public/assets/font/iconsmind/style.css') !!}" />
edited Nov 23 '18 at 5:47
P. Ellul
610718
610718
answered Nov 22 '18 at 10:22
M. RafiM. Rafi
15
15
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53427786%2fdashboard-assets-are-not-applied-to-the-pages-in-laravel-project%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Can you show the rendered html code? Or at least the part where the css and script tags are?
– Jerodev
Nov 22 '18 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 '18 at 9:43
No links with your css not loading, but your base path is wrong in your layout.blade.php file since your wrote "assests".
– P. Ellul
Nov 22 '18 at 9:57