+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Draggable And Resizable Wizard
+Make Every Backend + Wizard In Odoo Resizable And Draggable.
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+ This module helps to Make Every Wizard In Odoo Resizable And Draggable
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+ 
+ Make Every Wizard Draggable And Resizable.
+
+
+ Make Every Wizard Draggable And Resizable.
+
+
+
+
+ Available in Odoo 14.0
+ Community, Enterprise and Odoo sh
+
+
+
+ Available in Odoo 14.0
+ Community, Enterprise and Odoo sh
+
+
+
+ 
+
+
+ Screenshots +
+
+
\ No newline at end of file
diff --git a/dragable_and_resizable_wizard/static/src/css/dragable.css b/dragable_and_resizable_wizard/static/src/css/dragable.css
new file mode 100644
index 000000000..fd2e3e5e6
--- /dev/null
+++ b/dragable_and_resizable_wizard/static/src/css/dragable.css
@@ -0,0 +1,7 @@
+.modal-content{
+ resize: both;
+ overflow: auto;
+}
+.modal-header{
+ cursor: pointer;
+}
\ No newline at end of file
diff --git a/dragable_and_resizable_wizard/static/src/js/draggable_wiz.js b/dragable_and_resizable_wizard/static/src/js/draggable_wiz.js
new file mode 100644
index 000000000..4bd2d9a1a
--- /dev/null
+++ b/dragable_and_resizable_wizard/static/src/js/draggable_wiz.js
@@ -0,0 +1,50 @@
+odoo.define('dragable_and_resizable_wizard.draggable_wiz.js', function (require) {
+'use strict';
+const Dialog = require('web.Dialog');
+//This code defines a function called "draggable" that enables a DOM element to be
+// dragged around the screen by clicking and dragging it.
+//Parameters:
+//- el (object): The event object that triggered the function. This is used to get the target element that should be draggable.
+ Dialog.include({
+ /**
+ * Modifies the `Dialog` `start` method to include the `drag` function.
+ */
+ async start() {
+ await this._super(...arguments);
+ this.drag()
+ },
+ /**
+ * Attaches a `click` event listener to the dialog element to enable dragging.
+ */
+ drag(){
+ this.$modal[0].firstElementChild.children[0].addEventListener('click', this.draggable)
+ },
+ /**
+ * Attaches event listeners to the dialog element for `mousedown`, `mousemove`, and `mouseup` events,
+ * enabling the user to drag the element around the screen.
+ * @param {MouseEvent} el - The `mousedown` event.
+ */
+ draggable(el) {
+ el.target.addEventListener('mousedown', function(e) {
+ var offsetX = e.clientX - parseInt(window.getComputedStyle(this).left);
+ var offsetY = e.clientY - parseInt(window.getComputedStyle(this).top);
+ function mouseMoveHandler(e) {
+ el.target.style.top = (e.clientY - offsetY) + 'px';
+ el.target.style.left = (e.clientX - offsetX) + 'px';
+ }
+ function reset() {
+ window.removeEventListener('mousemove', mouseMoveHandler);
+ window.removeEventListener('mouseup', reset);
+ return
+ }
+ if (e.target.className === "modal-header"){
+ window.addEventListener('mousemove', mouseMoveHandler);
+ window.addEventListener('mouseup', reset);
+ }
+ });
+ },
+ });
+});
+//Once you have created the dialog and added the draggable function, you can use
+//the dialog in your application and the user will be able to drag it around
+//the screen by clicking and dragging the dialog's title bar.
diff --git a/dragable_and_resizable_wizard/views/assets.xml b/dragable_and_resizable_wizard/views/assets.xml
new file mode 100644
index 000000000..aa26b59f6
--- /dev/null
+++ b/dragable_and_resizable_wizard/views/assets.xml
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+ +
++ -> + Make Every Backend Wizards In Odoo Draggable And Resizable.
+
+
+
+
+ 
+
+
+ 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 +
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+