Modal is not load in Google Chrome but yes it is open in Mozilla Firefox.
-> bootstrap and jQuery js is replaced done.
-> also check conflict of js.
-> also i have re implement my whole code step by step.
But still problem is not resolved.
In console below error is shown:
below is the code sequence of added script file and CSS file.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php echo $site_name; ?></title>
<!-- Custom styles for this template -->
<link href="assests/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assests/css/Main.css">
<link rel="stylesheet" href="assests/css/Fr.star.css" />
<link href="assests/css/common.css" rel="stylesheet">
<link rel="stylesheet" href="assests/css/datepicker.css">
<link rel="stylesheet" href="assests/js_player/simpleplayer.css" type="text/css">
<link rel="stylesheet" href="assests/kashyap/css/fileinput.min.css">
<link rel="stylesheet" href="assests/kashyap/css/custom-style.css">
<link rel="stylesheet" href="assests/kashyap/css/media-query.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="assests/js/bootstrap.min.js"></script>
<script src="assests/js/bootstrap-datepicker.js"></script>
<script src="assests/js/jquery.validate.js" type="text/javascript"></script>
<script src="assests/kashyap/js/fileinput.min.js"></script>
<script type="text/javascript" src="assests/js/jquery.form.js"></script>
<script src="assests/js_player/audiojs/audio.min.js"></script>
<script type="text/javascript" src="assests/js/jquery.creditCardValidator.js"></script>
Related
I'm working on resetting email password, but i cant get the same design it seems that i can't load Bootstrap' and Fontawesome5 , i m using an CDN
This is for web integrators , templating views
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- --------------------------------------Font awesome ------------------------------------------------------------->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
<!-- -------------------------------------Bootstap V4------------------------------------------------------------ -->
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<title>Réinitialisation du mot de passe</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
this is what i get in an ordinary php page [1
this is what i get into my e-mail with the same code [2
this is the image also [3
I migrated my application from Rails 3.2 to 4.0. I am having css and js in my assets folder and public -> technology folder.
Now while running the application, the css and js under public folder are not applicable.
This is my layout:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>ABC TECHNOLOGIES</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/technology/css/vendor/bootstrap.css">
<link rel="stylesheet" href="/technology/css/all.css">
<link rel="stylesheet" href="/technology/css/colorbox.css">
<%= javascript_include_tag "application" %>
<script src="/technology/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="/technology/js/vendor/bootstrap.min.js"></script>
</head>
<body>
------------ some code ---------------
</body>
</html>
How to access my css / js from public folder in this layout?
Or is there any configurations I missed or made true/false in development.rb / application.rb etc; ?
This is the link I followed.
I am wanting to use Google Adsense with an Ember site I'm working on. However, if I just copy the code block I get from Google I get this error:
Error: `SCRIPT` tags are not allowed in HTMLBars templates (on line 3)
After doing some searching, it seems some people has the same issue, but I have not found a solution for this. Does anybody have any ideas?
Put external scripts in your app/index.html file.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>TmpApp</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{content-for 'head'}}
<link rel="stylesheet" href="assets/vendor.css">
<link rel="stylesheet" href="assets/tmpapp.css">
{{content-for 'head-footer'}}
</head>
<body>
{{content-for 'body'}}
<script src="assets/vendor.js"></script>
<script src="assets/tmpapp.js"></script>
{{content-for 'body-footer'}}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-12345678-1', 'auto'); // get the exact number from your Google Analytics admin screen
ga('send', 'pageview');
</script>
</body>
</html>
Notice the script is below the content-for 'body-footer'? Remember to use your own Google Analytics code from your admin section in Google Analytics.
I've executed the following command to build ember for production environment. However when I opened the dist folder, clicked the index.html it returned a blank page. compared to as when I run ember server.
The command I've used to generate the dist folder
ember build --environment production
Here's how I do it dist folder -> click the index.html.
Here's the result.
Here's the contents of the index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>TodoMvc</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="/" />
<meta name="todo-mvc/config/environment" content="%7B%22modulePrefix%22%3A%22todo-mvc%22%2C%22environment%22%3A%22development%22%2C%22baseURL%22%3A%22/%22%2C%22locationType%22%3A%22auto%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22todo-mvc%22%2C%22version%22%3A%220.0.0+8f1032d8%22%7D%2C%22contentSecurityPolicyHeader%22%3A%22Content-Security-Policy-Report-Only%22%2C%22contentSecurityPolicy%22%3A%7B%22default-src%22%3A%22%27none%27%22%2C%22script-src%22%3A%22%27self%27%20%27unsafe-eval%27%22%2C%22font-src%22%3A%22%27self%27%22%2C%22connect-src%22%3A%22%27self%27%22%2C%22img-src%22%3A%22%27self%27%22%2C%22style-src%22%3A%22%27self%27%22%2C%22media-src%22%3A%22%27self%27%22%7D%2C%22exportApplicationGlobal%22%3Atrue%7D" />
<script src="/ember-cli-live-reload.js" type="text/javascript"></script>
<link rel="stylesheet" href="assets/vendor.css">
<link rel="stylesheet" href="assets/todo-mvc.css">
</head>
<body>
<script src="assets/vendor.js"></script>
<script src="assets/todo-mvc.js"></script>
</body>
</html>
Here's the error message
I was doing it the wrong way. I deployed the app to an http web server. turns out by clicking the index.html. I'm accessing it via the file protocol
Can anyone help why the modal is not working - background of the window is not greyed out or disabled. The following is my code:
<div>
#(Html.Kendo().Window()
.Name("Wind")
.Title("")
.Content(
#Html.Partial("New").ToHtmlString()
)
.Width(750)
.Height(500)
.Draggable(true)
.Visible(false)
.Modal(true)
)
This is what I have in my _Layout.cshtml:
<link href="#Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="#Url.Content("~/Content/kendo/2014.1.415/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="#Url.Content("~/Content/kendo/2014.1.415/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="#Url.Content("~/Content/kendo/2014.1.415/kendo.black.min.css")" rel="stylesheet" type="text/css" />
<link href="#Url.Content("~/Content/kendo/2014.1.415/kendo.dataviz.black.min.css")" rel="stylesheet" type="text/css" />
<script src="#Url.Content("~/Scripts/kendo/2014.1.415/jquery.min.js")"></script>
<script src="#Url.Content("~/Scripts/kendo/2014.1.415/kendo.all.min.js")"></script>
<script src="#Url.Content("~/Scripts/kendo/2014.1.415/kendo.aspnetmvc.min.js")"></script>
<script src="#Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
<script type="text/javascript" src="#Url.Content("~/Scripts/jquery.validationEngine-en.js")" ></script>
<script type="text/javascript" src="#Url.Content("~/Scripts/jquery.validationEngine.js")" ></script>
<link href="#Url.Content("~/Content/validationEngine.jquery.css")" rel="stylesheet" type="text/css" />
Thanks!!!
Give it a title. That's the only difference I can see between my windows (I have a lot of them and they all work) and your window code.
It depends on how you open your Kendo window. Here is the example of opening it in the JavaScript function:
function openKendoWindow()
{
var window = $("#Wind");
window.kendoWindow({
content: "Hello",
modal: true
});
window.data("kendoWindow").open();
};
Notice how I set modal: true in the function. Try that.