I try to build an odoo module with a recent fullcalendar version.
My module works as design with this import:
<?xml version="1.0" encoding="utf-8"?>
<!-- vim:fdn=3:
-->
<openerp>
<data>
<template id="schedule_tpl" name="web_schedule assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/web_schedule/static/src/css/web_fullcalendar.css"/>
<link rel="stylesheet" href="/web_schedule/static/lib/fullcalendar/css/fullcalendar.min.css"/>
<link rel="stylesheet" href="/web_schedule/static/src/css/scheduler.min.css"/>
<script type="text/javascript" src="/web_schedule/static/src/js/moment.min.js"></script>
<script type="text/javascript" src="/web_schedule/static/lib/fullcalendar/js/fullcalendar.min.js"></script>
<script type="text/javascript" src="/web_schedule/static/src/js/scheduler.min.js"></script>
<script type="text/javascript" src="/web_schedule/static/lib/fullcalendar/js/fr.js"></script>
<script type="text/javascript" src="/web_schedule/static/src/js/web_schedule.js"></script>
</xpath>
</template>
</data>
</openerp>
Problem, the calendar avalaible in messaging does not work anymore, I have issues with date format and so on. If i uninstall my custom module, this calendar works fine.
So, how i can import fullcalendar files to be used only in my module ?
thanks
Related
My custom CSS isn't being loaded when I launch the POS app, but it's loaded into web.assets_backend.1.css in the dashboard. My custom Javascript is being loaded correctly. Is this the correct way to load the CSS? Thanks for your help.
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<data>
<template id="assets_backend" inherit_id="web.assets_backend" name="donation_assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/donation/static/src/css/donation.css" />
<script type="text/javascript" src="/donation/static/src/js/donation.js"></script>
<script type="text/javascript" src="/donation/static/src/js/jquery.sglide.js"></script>
<script type="text/javascript" src="/donation/static/src/js/sGlide.js"></script>
<script type="text/javascript" src="/donation/static/src/js/donation_frontend.js"></script>
</xpath>
</template>
</data>
</odoo>
My Javascript and CSS are now being added to the point_of_sale.assets files. It turns out that my QWeb template file in static/src/xml/ had errors which caused some of the Odoo app files to not be found. It might also be the reason why Odoo didn't update web.assets_backend.js and the point_of_sale.assets js and css files.
Here's my updated XML assets file:
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="assets" inherit_id="point_of_sale.assets" name="donation assets">
<xpath expr="." position="inside">
<script type="text/javascript" src="/donation/static/lib/jquery.sglide.js"></script>
<script type="text/javascript" src="/donation/static/lib/sGlide.js"></script>
<script type="text/javascript" src="/donation/static/src/js/donation.js"></script>
</xpath>
<xpath expr="//link[#id='pos-stylesheet']" position="after">
<link rel="stylesheet" href="/donation/static/src/css/donation.css" />
</xpath>
</template>
</odoo>
Not sure, but did you add the point_of_sale module in the dependencies of your donation module?
If not add "depends" : ["point_of_sale"], to the dict in your _openerp_.py. Add more dependencies if needed.
Now the point_of_sale module and it's assets gets loaded first.
Edit: Try inherit_id="point_of_sale.assets" instead of inherit_id="web.assets_backend". That could do it for you.
You need to update the path of css file in three places.
1.inherit_id="web.assets_backend"
2.inherit_id="web.assets_frontend"
3.inherit_id="point_of_sale.assets"
In the templates which inherites the above templates.
The code is shown below.
<template id="assets_backend" name="sub_menu assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/pos_update/static/src/css/mypos.css"/>
</xpath>
</template>
<template id="assets_frontend" name="sub_menu assets front" inherit_id="web.assets_frontend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/pos_update/static/src/css/mypos.css"/>
</xpath>
</template>
<data>
<template id="assets" inherit_id="point_of_sale.assets">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/pos_update/static/src/css/mypos.css"/>
<script type="text/javascript" src="/pos_update/static/src/js/cancel.js"></script>
</xpath>
</template>
</data>
You also need to ensure that if you want to modify an existing template then the stylesheet name must not be changed.
If you want to create a stylesheet for your template the you only need to set the path of stylesheet in only one place, ie in the main template file in which you are setting the path of js file.
<template id="assets" inherit_id="point_of_sale.assets">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/pos_update/static/src/css/mypos.css"/>
<script type="text/javascript" src="/pos_update/static/src/js/cancel.js"></script>
</xpath>
</template>
I have an ASP.NET MVC application that uses the Metronic template from keenthemes.
When i use bundles in my layout for my css , it doesnt work well. Most of the icons do not appear
If i switch to direct links then everything is ok.
Javascript is ok.
Bundles config and layout use:
bundles.Add(new StyleBundle("~/bundles/metronic-app").Include(
"~/assets/global/plugins/font-awesome/css/font-awesome.min.css",
"~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css",
"~/assets/global/plugins/uniform/css/uniform.default.css",
"~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css",
"~/assets/global/css/components.css",
"~/assets/global/css/plugins.css",
"~/assets/admin/layout2/css/layout.css",
"~/assets/admin/layout2/css/themes/default.css",
"~/assets/admin/layout2/css/custom.css"));
#Styles.Render("~/bundles/metronic-app")
Direct links:
<link href="~/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
<link href="~/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
<link href="~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="~/assets/global/css/components.css" rel="stylesheet" type="text/css" />
<link href="~/assets/global/css/plugins.css" rel="stylesheet" type="text/css" />
<link href="~/assets/admin/layout2/css/layout.css" rel="stylesheet" type="text/css" />
<link id="style_color" href="~/assets/admin/layout2/css/themes/default.css" rel="stylesheet" type="text/css" />
<link href="~/assets/admin/layout2/css/custom.css" rel="stylesheet" type="text/css" />
Here are the errors from chrome console:
I should have been using the CssrewriteUrlTransform class in my bundle configuration in order to make the asset's paths absolute.
What worked is this:
bundles.Add(new StyleBundle("~/bundles/metronic-app").Include(
"~/assets/global/plugins/uniform/css/uniform.default.css",
"~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css",
"~/assets/global/css/components.css",
"~/assets/global/css/plugins.css",
"~/assets/admin/layout2/css/custom.css")
.Include("~/assets/admin/layout2/css/layout.css", new CssRewriteUrlTransform())
.Include("~/assets/admin/layout2/css/themes/default.css", new CssRewriteUrlTransform())
.Include("~/assets/global/plugins/font-awesome/css/font-awesome.min.css", new CssRewriteUrlTransform())
.Include("~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css",new CssRewriteUrlTransform()));
Hint from this SO Question
I'm using extjs4 and spring mvc (Java EE).
when I run project I can't see anything on browser.
I add this code on my servlet dispatcher:
<mvc:annotation-driven />
<mvc:resources mapping="/resources/**" location="/resources/" />
And when I run it this is the error shown:
28 avr. 2013 21:15:30 org.springframework.web.servlet.DispatcherServlet noHandlerFound
ATTENTION: No mapping found for HTTP request with URI [/CR/application/view/Viewport.js]
in DispatcherServlet with name 'mvc-dispatcher'
28 avr. 2013 21:15:30 org.springframework.web.servlet.DispatcherServlet noHandlerFound
ATTENTION: No mapping found for HTTP request with URI [/CR/Ext4Example/view/login/LoginForm.js]
in DispatcherServlet with name 'mvc-dispatcher'
Ext4Example is the name of my extjs application
and this is my app.js
Ext.Loader.setConfig({enabled: true});
Ext.application({
name: 'Ext4Example',
appFolder: 'application',
controllers: [
'Login'
],
autoCreateViewport: true
});
and this my index.jsp page
<!DOCTYPE html>
<html >
<head>
<!-- Ext JS Files -->
<link rel="stylesheet" href="./resources/ext-4.0/resources/css/ext-all.css"/>
<link rel="stylesheet" href="./resources//css/main.css"/>
<script src="./resources/ext-4.0/ext-all.js"></script>
<!-- App Files -->
<script type="text/javascript" src="./resources/application/app.js"></script>
<script type="text/javascript" src="./resources/application/view/Viewport.js"></script>
<script type="text/javascript" src="./resources/application/view/login/CenterPanel.js"></script>
<script type="text/javascript" src="./resources/application/view/login/create-rd.js"></script>
<script type="text/javascript" src="./resources/application/view/login/HomePage.js"></script>
<script type="text/javascript" src="./resources/application/view/login/LoginForm.js"></script>
<script type="text/javascript" src="./resources/application/view/login/WestMenu.js"></script>
<script type="text/javascript" src="./resources/application/controller/Login.js"></script>
<script type="text/javascript" src="./resources/application/model/Login.js"></script>
<script type="text/javascript" src="./resources/application/store/Login.js"></script>
</head>
<body background="./resources/images/gray.jpg">
</body>
</html>
Can any one explain the error to me?
When I click Ctrl+U and I click on the files URL I can see the code source.
And what if you use the spring tag? Something like that :
<spring:url value="/resources/application/view/Viewport.js" var="some_url"/>
<script type="text/javascript" src="${some_url}"></script>
I am writing a webpage with CI.I use the latest version. I need to learn how to imply CSS and Javascript files. I use nivoslider , jquery and many css files. I use application directory as
+application
+views
+pages
-home.php
+templates
-header.php
-footer.php
+system
+user_guide.
Can you explain how to enable js and Css files. I made a research but my mind is blown away with the versions of codeigniter.
this is my header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN
""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kırmızı Eğitim Merkezi</title>
<meta name="description" content="Empire - XHTML Template" />
<!-- CSS -->
<link href='./fonts/sansation.css' rel="stylesheet" type="text/css" />
<!-- Get any font from here easily: http://www.google.com/webfonts -->
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link href="./fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet"
type="text/css" />
<link href="./css/nivo-slider.css" rel="stylesheet" type="text/css" />
<!-- UPDATE BROWSER WARNING IF IE 7 OR LOWER -->
<!--[if lt IE 8]><link href="css/stop_ie.css" rel="stylesheet"
type="text/css" /><![endif]--><!-- JAVASCRIPTS -->
<script type="text/javascript" src="./js/jquery.min.js">
</script><script type="text/javascript"
src="./js/jquery-ui-1.8.17.custom.min.js">
</script><script type="text/javascript"
src="./fancybox/jquery.fancybox-1.3.4.pack.js">
</script><script type="text/javascript" src="./js/jquery.nivo.slider.js">
</script><script type="text/javascript" src="./js/jquery.bgslider.js">
</script><script type="text/javascript" src="./js/preloader.js">
</script><script type="text/javascript" src="./js/farbtastic.js">
</script><script type="text/javascript" src="./js/basic.js">
</script>
Can you advice me a way to use them ?
First, you need to place JS and CSS files somewhere like:
+ assets
+ js
+ css
Then you need to call them:
<link href='<?php echo base_url(); ?>assets/css/cssfile.css' rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.min.js">
I have a wordpress site I am using ie conditional comments to load in an ie specific stylesheet in to. For some reason the changes made aren't being reflected in IE's rendering:
I have tried:
clearing browser history
deleting and re-uploading the file
ensuring the conditional comment is correct
closing all browsers and restarting
checking the file path
Adding php style now() to force refresh
And I've reached a point where I'm baffled.
What else can I try?
edit:
the code:
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>K9 Heaven - 21st Century Dog Care</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="http://www.k9heaven.org.uk/wp-content/themes/k9_0.2/style.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="all" href="ie.css" />
<![endif]-->
<link rel="pingback" href="http://www.k9heaven.org.uk/xmlrpc.php" />
<!--[if lt IE 9]>
<script src="http://www.k9heaven.org.uk/wp-content/themes/k9_0.2/js/html5.js" type="text/javascript"></script>
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="K9 Heaven » Feed" href="http://www.k9heaven.org.uk/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="K9 Heaven » Comments Feed" href="http://www.k9heaven.org.uk/?feed=comments-rss2" />
<link rel="alternate" type="application/rss+xml" title="K9 Heaven » Home Comments Feed" href="http://www.k9heaven.org.uk/?feed=rss2&page_id=49" />
<link rel='stylesheet' id='NextGEN-css' href='http://www.k9heaven.org.uk/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0' type='text/css' media='screen' />
<link rel='stylesheet' id='shutter-css' href='http://www.k9heaven.org.uk/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.css?ver=1.3.2' type='text/css' media='screen' />
<script type='text/javascript' src='http://www.k9heaven.org.uk/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var shutterSettings = {
msgLoading: "L O A D I N G",
msgClose: "Click to Close",
imageCount: "1"
};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.k9heaven.org.uk/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.js?ver=1.3.2'></script>
<script type='text/javascript' src='http://www.k9heaven.org.uk/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
<script type='text/javascript' src='http://www.k9heaven.org.uk/wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js?ver=2.88'></script>
<script type='text/javascript' src='http://www.k9heaven.org.uk/wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js?ver=1.05'></script>
<script type='text/javascript' src='http://www.k9heaven.org.uk/wp-includes/js/comment-reply.js?ver=20090102'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.k9heaven.org.uk/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.k9heaven.org.uk/wp-includes/wlwmanifest.xml" />
<link rel='index' title='K9 Heaven' href='http://www.k9heaven.org.uk' />
<link rel='prev' title='Contact' href='http://www.k9heaven.org.uk/?page_id=25' />
<meta name="generator" content="WordPress 3.2.1" />
<!-- All in One SEO Pack 1.6.13.3 by Michael Torbert of Semper Fi Web Design[395,435] -->
<meta name="description" content="K9 Heaven - 21st Century Dog Care" />
<meta name="keywords" content="K9,Heaven,21st,Century,Dog,Care" />
<link rel="canonical" href="http://www.k9heaven.org.uk/" />
<!-- /all in one seo pack -->
<meta name='NextGEN' content='1.8.3' />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head>
http://www.k9heaven.org.uk/
Feel free to close this thread, forgot that relative css paths in wordpress themes go to the site root, not the theme root. And won the stupid hat.
Is this
http://www.k9heaven.org.uk/ie.css
the sheet you're tyring to load? or is it this:
http://www.k9heaven.org.uk/wp-content/themes/k9_0.2/ie.css
The code above is referencing the first style sheet at the root of the site. That's non-standard. You should use <?php get_theme_root() ?> in the style sheet link in the theme files to target the style sheet in the theme folder.