Dashboard Assets are not applied to the pages in Laravel Project
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
asked Nov 22 at 9:34
joe-inz
4319
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
asked Nov 22 at 9:34
joe-inz
4319
Can you show the rendered html code? Or at least the part where the css and script tags are?
– Jerodev
Nov 22 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 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 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
asked Nov 22 at 9:34
joe-inz
4319
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
asked Nov 22 at 9:34
joe-inz
4319
asked Nov 22 at 9:34
joe-inz
4319
edited Nov 22 at 9:39
asked Nov 22 at 9:34
joe-inz
4319
asked Nov 22 at 9:34
joe-inz
4319
asked Nov 22 at 9:34
joe-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 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 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 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 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 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 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 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 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 at 9:43
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 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 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 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') !!}" />
edited Nov 23 at 5:47
P. Ellul
400314
answered Nov 22 at 10:22
M. Rafi
13
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') !!}" />
edited Nov 23 at 5:47
P. Ellul
400314
answered Nov 22 at 10:22
M. Rafi
13
add a comment |
You can try this way.
<link rel="stylesheet" href="{!! asset('public/assets/font/iconsmind/style.css') !!}" />
edited Nov 23 at 5:47
P. Ellul
400314
answered Nov 22 at 10:22
M. Rafi
13
add a comment |
You can try this way.
<link rel="stylesheet" href="{!! asset('public/assets/font/iconsmind/style.css') !!}" />
edited Nov 23 at 5:47
P. Ellul
400314
answered Nov 22 at 10:22
M. Rafi
13
You can try this way.
<link rel="stylesheet" href="{!! asset('public/assets/font/iconsmind/style.css') !!}" />
edited Nov 23 at 5:47
P. Ellul
400314
answered Nov 22 at 10:22
M. Rafi
13
edited Nov 23 at 5:47
P. Ellul
400314
edited Nov 23 at 5:47
P. Ellul
400314
edited Nov 23 at 5:47
P. Ellul
400314
400314
answered Nov 22 at 10:22
M. Rafi
13
answered Nov 22 at 10:22
M. Rafi
13
answered Nov 22 at 10:22
M. Rafi
13
13
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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 at 9:38
ahhh sorry, I've found the solution. i was missing one CSS dependency, thank you anyway
– joe-inz
Nov 22 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 at 9:57