+
+
+
+
+
+
+ 
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+ + Whatsapp Chat Layout in Odoo Discuss
++ Detailed Whatsapp Chat Layout in Odoo Discuss View. +
+
+ 
+
+
+
+
+
+
+ + Key Highlights +
+
+
+
+
+
+
+
+
+
+
+
+ + Dynamically change background and Layout color.
+
+
+
+
+
+
+
+
+
+ + Dynamically change background image.
+
+
+
+
+
+
+
+
+
+ + Current user chat view in left side.
+
+
+
+
+
+
+
+
+
+ + Easy to Use and Manage.
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ + Rearranged the sidebar and the Chatter.
+
+
+
+
+
+ 
+
+
+
+
+ + Click Mail icon to view the inbox,starred and history messages.
+
+
+
+
+
+ 
+
+
+
+
+ + Click Chat icon to view the Direct messages.
+
+
+
+
+
+ 
+
+
+
+
+ + Click Channel icon to view the Channels.
+
+
+
+
+
+ 
+
+
+
+
+ + Click Start a meeting icon to start a group video call.
+
+
+
+
+
+ 
+
+
+
+
+ + Current user chat view in left side.
+
+
+
+
+
+ 
+
+
+
+
+ + Change background color and layout color in configuration settings.
+
+
+
+
+
+ 
+
+
+
+
+ + After Changing.
+
+
+
+
+
+ 
+
+
+
+
+ + Change background image in configuration settings.
+
+
+
+
+
+ 
+
+
+
+
+ + After Setting the Background Image
+
+
+
+
+ -
+
-
+
 2.svg)
Dynamically change background and Layout color.
+
+ -
+ Dynamically change background image.
+
+
-
+ Current user chat view in left side.
+
+
-
+ Easy to Use and Manage.
+
+
+
+
+
+
+
+ Version
+ 17.0.1.0.0|Released on:23rd Feb 2024
+
+ + + Initial Commit for Whatsapp Chat Layout in Odoo Discuss.
+
+
+
+
+
+ + Related Products
+
+
+ 
+
+ 
+
+ 
+ 
+ 
+
+
+
+
+ + Our Services
+ +
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Customization
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Implementation
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Support
+
+
+
+
+
+
+
+ 
+
+
+ Hire + Odoo Developer
+
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Integration
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Migration
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Consultancy
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Implementation
+
+
+
+
+
+
+
+ 
+
+
+ Odoo + Licensing Consultancy
+
+
+
+
+ + Our Industries
+ +
+
+
+
+
+
+
+ 
+
+
+ Trading
+Easily procure and sell your products
+
+
+
+ 
+
+
+ POS
+Easy configuration and convivial experience
+
+
+
+ 
+
+
+ + Education
+A platform for educational management
+
+
+
+ 
+
+
+ + Manufacturing
+Plan, track and schedule your operations
+
+
+
+ 
+
+
+ E-commerce & + Website
+Mobile friendly, awe-inspiring product pages
+
+
+
+ 
+
+
+ Service + Management
+Keep track of services and invoice
+
+
+
+ 
+
+
+ + Restaurant
+Run your bar or restaurant methodically
+
+
+
+ 
+
+
+ Hotel + Management
+An all-inclusive hotel management application
+
+
+
+
+ + Support
+
+
+
+
+
+
+
+
+
+  1.svg)
+
+
+
+ Need
+ Help?
+ 
odoo@cybrosys.com
+
+
+ Got + questions or need help? Get in touch.
+odoo@cybrosys.com
+
+
+
+
+
+ 
+
+
+
+ WhatsApp
+ 
+91
+ 99456767686
+
+
+ Say hi to + us on WhatsApp!
++91
+ 99456767686
+ 
'
+ self.root.el.querySelector('#img').appendChild(image);
+ });
+ },
+ _onClickMail(ev) {// Click function of mail button
+ this.root.el.querySelector('.mail').classList.remove("d-none");
+ this.root.el.querySelector('.channel').classList.add("d-none");
+ this.root.el.querySelector('.chat').classList.add("d-none");
+ },
+ _onClickChat(ev) {// Click function of chat button
+ this.root.el.querySelector('.chat').classList.remove("d-none");
+ this.root.el.querySelector('.mail').classList.add("d-none");
+ this.root.el.querySelector('.channel').classList.add("d-none");
+ this.state.sidebarChannel = 'chat'
+ },
+ _onClickChannel(ev) {// Click function of channel button
+ this.root.el.querySelector('.channel').classList.remove("d-none");
+ this.root.el.querySelector('.mail').classList.add("d-none");
+ this.root.el.querySelector('.chat').classList.add("d-none");
+ this.state.sidebarChat = 'channel'
+ },
+});
+
+DiscussSidebar.components = {
+ ...DiscussSidebar.components,
+ DiscussSidebarMailboxes,DiscussSidebarCategories,DiscussSidebarStartMeeting,VoiceRecorder,ChannelSelector
+};
diff --git a/whatsapp_chat_layout/static/src/xml/composer.xml b/whatsapp_chat_layout/static/src/xml/composer.xml
new file mode 100644
index 000000000..44287f997
--- /dev/null
+++ b/whatsapp_chat_layout/static/src/xml/composer.xml
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ Select the Background color for discuss.
+
+
+
+
+
+ Select the Layout color for discuss.
+
+
+
+
+
+ Select the Background image for discuss.
+
+