How to Implement OWL Notification Service in Odoo 18

How to Implement OWL Notification Service in Odoo 18

• 1.
  How to ImplementOWL Notification Service in Odoo 18 Enterprise
• 2.
  Enterprise Introduction In this slide,we’ll discuss on how to implement OWL notification service in Odoo 18. OWL is a modern front-end framework that allows for a dynamic and responsive user interface. A key feature is the seamless integration of OWL notification service into dashboard interfaces. We will look at how to use JavaScript and XML templating to add notifications to Odoo dashboards to improve user experience.
• 3.
  Enterprise The purpose ofthis XML template is to render the Awesome Dashboard components user interface (UI). It specifies how the UI elements of the dashboard component are arranged and composed.
• 4.
  Enterprise This XML templatedefines the layout for the dashboard, incorporating a button that triggers the showNotification() method from the JavaScript component when clicked. The template is specified within the OWL component and uses Odoo's built-in Layout component to ensure proper structure. The button element serves as the user interface for interacting with the notification alerts.
• 5.
  Enterprise This code definesan AwesomeDashboard OWL component in Odoo 18, utilizing the Layout component to structure the dashboard and integrating the notificationService using the useService hook.
• 6.
  Enterprise When the showNotification()function is called, a success-type notification with the title "success" is displayed.
• 7.
  Enterprise In the xml,we can define a menuitem and action to display the dashboard.
• 8.
  Enterprise In the UI,we can see the show button added in the dashboard.
• 9.
  Enterprise When clicked onthe show button, we can see the notification with success title.
• 10.
  Enterprise Next, we canadd a notification to show the error message. We can use the below lines to add an error notification.
• 11.
  Enterprise After refreshing, ifwe click on the show button, we can see the danger type notification.
• 12.
  Enterprise In addition toconveying critical information, we can further include action buttons, enabling users to take immediate steps to address issues or navigate to relevant sections within the application.
• 13.
  Enterprise From the UI,if we click on the Show button, we can see the new sticky notification with the button added.
• 14.
  For More Info. Checkour company website for related blogs and Odoo book. Check our YouTube channel for functional and technical videos in Odoo. Enterprise www.cybrosys.com