I'm working on quiz application in Larvel where I need to put some question with style so I was trying to implement Trix Editor , I put css and js files in app.blade but not appearing in view page-source, here are the screenshots:
question-create.blade:
at the end of question-create.blade I made sections for css and js:
and I also #yield css and js in app.blade:
css:
js:
webpage: where I want to use trix:
and here is view-source: css:
and here is view-source: js:
I refer: https://cdnjs.com/libraries/trix
https://github.com/basecamp/trix
Solved, problem was with layout file, Thanks #Muhaddis #TalhaF.
Related
I've a problem with my website, the layout load properly (and CSS) but no JS and page in yield.
I've copy paste the layout of my other website, inclued tje JS and CSS file, I do not understand why it does not work while on other sites it's good..
Code for include the JS and CSS file: <script src="{{url('js/jquery.min.js')}}"></script>
As you can see, the page is empty, and this is not normal.
Image of error:
Ahh... ok.
I've forget to DL From:: into my project. Sorry
I had the same problem when I was creating a recent Laravel project however mine was narrowed down too 2 problems. 1 being the JS had an error and 2nd was the way I called it.
I fixed it by doing the following:
<script type="text/javascript" src="{!! asset('js/jquery.min.js') !!}"></script>
Is there any way to globally remove the font-style : italic property of the blockquote tags displayed inside the form ?
This feature is very misleading for users.
Note : I am using CKeditor version 4.
you can append a custom css file with the config option contentsCss, in your custom css just add:
blockquote { font-style: normal; }
check the working example at:
http://carlosquintero.name/example.html
Note: im using cdn and im loading default css from ckeditor too, you can just skype the ckeditor css file if you dont want have defined styles for the editor.
You can read more information from ckeditor documenation on the follow link:
http://docs.ckeditor.com/#!/guide/dev_styles
im using the laravel 5.1 and building web app
i just bought HTML theme and directly copy all the css and Js files to public/assets ( not using any task runner such as gulp or grunt). i try to customize the login and register view page and if i use the default routing its fail to load the js and CSS ( just load plain HTML ) but if i point it directly by
Route::get('login','AuthController#getLogin')
its working . how can i fix the JS and CSS problem ?
*all the other pages works right and load the CSS and JS *
here are the screen shots from other pages and login page :
here is from my login page that fail to load :
if i use route to directly link to the page not passing through the Auth controller and after submit send data to login function ( like simple normal forms) its working but if goes through the controller system its fail . also if i use :
Route:resource('contact','contactcontroller')
my contact pages such as index, create , etc all are fail to load CSS but if i directly link to them like:
Route:get('contact','contactController#index')
it will successfully load the CSS and my page will be shows fine .
this question may help you with that !
Laravel stylesheets and javascript don't load for non-base routes
BTW : look at your page with firefox(chrome) Inspect Element Or Firebug to see the http requests!
Try using this way script and style link
{!! HTML::script('js/bootstrap.min.js') !!}
{!! HTML::style('css/bootstrap.min.css') !!}
<link href="{{URL::asset('../assets/css/bootstrap.css')}}" rel="stylesheet">
<script src="{{URL::asset('../assets/js/jquery.js')}}"></script>
I use these methods works 10/10.
I want to produce a simple html page where I want the jquery 1.11.0 and bootstrap library are loaded from a specific CDN in remote. But I don't know how can I modify the configurations in the beginning of a RMarkdown document to remove jQuery and bootstrap.
From http://rmarkdown.rstudio.com/html_document_format.html I create my own header html file which includes all the css and js references.
title: "document"
output:
html_document:
mathjax: null
highlight: null
self_contained: false
includes:
in_header: header.html
I disable mathjax and highlight.js but cannot disable jQuery and bootstrap and use my own without loading two versions of them.
How can I disable jQuery and bootstrap so that I can use them in my may spefified in header.html?
I just notices in the documentation:
http://rmarkdown.rstudio.com/html_document_format.html
You also need to set
theme: null
i am using script tag in my MVC view and my src for Script tag is "http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js".
the issue iam facing is html buttons are not working/postingback.
If i remove script tag,everything works fine.
whts the actuals problem with my code.?
there could be number of issues, the script tag you are refereing to includes the jquery library from the CDN. One possibility could be that there is some javascript code in the view that is disabling your buttons you can verify by doing the following
1) keep the script tag (jQuery) included in the view
2) in the script section of your view (if you have else create one like)
<script>
$(function(){
$(":button").removeAttr("disabled");
});
</script>
3) so your final code will look like
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$(":button").removeAttr("disabled");
});
</script>
check now if it works... if it works then it means that you have some code that is disabling the buttons and upon removal of jquery library js error would have occured that why it seems to work...