Odoo Custom Dashboard Tutorial | OWL Javascript
HTML-код
- Опубликовано: 8 фев 2025
- Create a Custom Dashboard in Odoo using OWL Javascript Framework.
In today's video, we are going to create a nice-looking dashboard with different KPIs like quotations, orders, revenue, and average orders. Then we have different graphs like bar charts, line charts, pie charts, and others. We also have a combination of a line chart and a bar chart. Well, you're not limited to only these charts since there are a lot more samples that you can use. I used Chart Js Free library which is the same as what Odoo is using. However, we will be implementing the latest version so that you can implement different charts of your choice.
Github Repo: github.com/ajs...
Part 2: • Odoo Custom Dashboard ...
OWL Javascript Framework - • Odoo OWL Framework
Odoo POS Tutorial - • Odoo PoS Tutorial
Odoo Theme Tutorial - • Odoo Theme Development...
man, thank you so much for this, you really help a lone odoo programmer.... thank you once again AJ
My pleasure! Thanks for watching..
This is a great one! really needed for the community edition. Awesome explanation.
with your way and examples, you should definitely start a backed tutorial as well!
Thanks for the idea! I will be adding that on my list :)
i'm thankful for this tutorial! looking forward to see another best tutorial from here! thanks, you are the best!
You're very welcome!
Top tier presentation on odoo tutorials, thank you fo much for this works!
You're very welcome! Keep watching :)
You are a saviour man! Thanks!
Thank you for creating this amazing video
It's my pleasure
Amazing video! loved it!
Thanks so much for your lessons, friend! I hope there will be more of them to come! Can you do a tutorial on how to create a custom view (like a standard list or kanban), or how to refine existing ones? I just started learning the OWL Framework and I'm having trouble creating a hierarchical list for a product category (or similar objects).
Thank you. Please check this tutorial about view inheritance. I am planning to create a tutorial about new view type, just keep watching my tutorials.
Amazing thank you sir, you are great 😍
I wating next videos 😍🥰
Great as usual. But I am looking for such same tutorial in odoo 15. Is there any reference for odoo 15?
Thank you for creating this amazing video
It's my pleasure
What a great video!!
you videos are excellent and have helped me learn a lot as I strive to create custom dashboards in Odoo. One thing that I continue to struggle with is adding date filters for current/last week, current/last month, and also being able to select a date range for the report. Do you have any advice on achieving this?
Please try to watch the full dashboard tutorial playlist. Odoo Dashboard
ruclips.net/p/PLdpXsMi-xePZoE8vlcy3ymxpouuQ5uZ3T.
amazing! cant wiat for the data video :)
map component is something that is missing in most of the dashboards. will it be possible to create a gis map component based on leaflet, mapbox or any other library, and include it in Odoo? and perhaps even include custom shapefiles in those maps
would really appreciate a video on that, or perhaps tips that would guide me toward the right direction.
Map view is only available to the enterprise version. But using this tutorial, you might achieve it using this chartjs plugin github.com/sgratzl/chartjs-chart-geo. I haven't tried this yet but maybe you can :).
I really enjoyed watching your video. Very helpful. Keep up the good work. Many thanks. The best video I've ever seen on Odoo. Looking forward to your new magics 🪄
Wow, thank you very much!
UncaughtPromiseError > KeyNotFoundError
Uncaught Promise > Cannot find owl.hrcms_dashboard in this registry! when try create dashboard this error occurs
Great 👍
Hi,
Hope you are doing well.
my child component (kpi_card) is not rendering in sale_dashboard.xml file. Everything is working no error in console as well as in terminal. Can you please tell me what's the issue?
in was writing the code of ur module just until the h1 for me to know if i'm going good or not so the problem is when i activate the module only a white page shows up and all of odoo disapeare i don't know if i have a problem in my code but i write the same of urs if someone know a solution or the problem i had u can repond to this comment Thanks
1) Do we need to add the path of the custom dashboard directory to the addons_path of the odoo.conf file for it run??
Yes, you need to. Then install the module.
Can you please make an example for the grid
Can you specify more about the grid? Did you mean grid CSS layout?
Thanks for suggesting :)
@@ajscriptmedia thanks for replying, I mean displaying a grid like grid.js to display data from sales
it can't work on odoo13, ann't import js file
Yes, this is done in Odoo 16. In addition, OWL is being introduced starting Odoo 14.
@@ajscriptmedia yes i figured it out .and i use qweb to remake ur code
thankyou bro!!
Can this be installed on odoo14? I have tried it, the install process runs normally. but nothing appears (blank)
Sorry, this tutorial has been made using Odoo 16. The challenge in Odoo JS is always changing per version. Like the location of files and the way you import them.
Thnak you for this owl video i have been searching for it can you please suggest me a video where I can see how to manipulate odoo form view using javascript I mean I want to make all field on base of state condition if its not draft make form readonly
Have you watched this already ruclips.net/video/Pv9YbnEb2Lw/видео.html and ruclips.net/video/ZkBrtPg2obM/видео.html
Great stuff 👍 are you planning to share the source code?
Thanks. Sure, please check this link github.com/ajscriptmedia/odoo-custom-dashboard
How to get the current logged in user in owl js ?
Are you still having issue with this?
I want to learn OWL.js from Scratch to Advance. How can i ?
Sorry, I don’t have a full course. Just stay tuned with my tutorials and I hope this helps.
Amazing 😍🤩🤩🤩🤩🤩🤩🤩🤩
which version of odoo you are using?
It’s Odoo 16
Is it available in v14.0?
Yes, it's possible. But you need to import components in different files. Check below link on how they implement dialog using OWL: github.com/odoo/odoo/blob/14.0/addons/web/static/src/js/core/owl_dialog.js
For loading JS and CSS files, import them in this file github.com/odoo/odoo/blob/14.0/addons/web/static/src/js/core/ajax.js#L182.
Hi,
Your code is having a lot's of bug can you cover all your mistake in video. So, we can also learn the code.
thanks
What is the odoo version ?
Hello, I used Odoo 16.
@@ajscriptmedia can i use odoo v15 ?
@@marnissimahjoub6687I test it on odoo 15 some imports are a little different but all works
nice vid !
Hi I hope I don't disturb you when getting the project form getHib and installed in custom odons it give this error how to handle this error thanks
UncaughtPromiseError > KeyNotFoundError
Uncaught Promise > Cannot find owl.sales_dashboard in this registry!
The issue is on the manifest file change replace the owl with odoo-custom-dashboard in the assets for example 'owl/static/src/components/**/*.js', to 'odoo-custom-dashboard/static/src/components/**/*.js' alternatively you can change the directory name to owl
thanks very match@@dishonkadoh4813
if you are using odoo17 then in your js file you need to write /** @odoo-module **/ on top of the file. this error is solved.
I have installed the module but when I click on the module I get the following error: Uncaught Promise > Cannot find owl.sales_dashboard in this registry!
May I know what version if Odoo you are using? This tutorial is using Odoo 16
@@ajscriptmedia I use odoo 16 and odoo 16 enteprise, I really want to learn your dashboard but I can't access your module with that error ?
🤧🤧🤧
I also experienced the same thing in my case, I only changed the manifest in the following code section to be like this
'assets': {
'web.assets_backend': [
'owl/static/src/components/*'
],
},
because I didn't use the chart_renderer and kpi_card directory, I just tried the gridjs library and it worked. hope that helps
Thanks for figuring it out :)
Thanks. The issue is actually how you import the assets. You can try this link www.odoo.com/documentation/16.0/developer/reference/frontend/assets.html#bundles on how Odoo imports assets.
You can try to use Glob patterns or just directly add the actual path of the file. I hope you will find the solution by keep trying as programmers normally do :)
Amazing thank you sir, you are great 😍
I wating next videos 😍🥰
Sure.. Keep watching
is it works for odoo17?