Creating a Custom Slider Widgets in Odoo18

Odoo is known for its user-friendly interface and widgets and the Slider widgets in Odoo18 are interactive elements that help display information or provide unique ways for users to engage with the ERP system and the Odoo widgets make working in Odoo smoother and more intuitive.

In Odoo18, you can create custom widgets to your specific needs. The Slider Widgets in Odoo18 helps users pick values within a set range using a slider.. This is especially useful for fields where values fall between a minimum and maximum range, making data entry quicker and more visual. In this blog, we’ll walk you through the steps to create your custom slider widgets to improve both the functionality and aesthetics of your Odoo interface. so lets goo.

Slider widgets in Odoo18 serve as building blocks for the user interface, providing both information display and interactive features.

Odoo is easy to use, attractive, and user-friendly with different widgets for various tasks that simplify work. Each widgets looks different and works in its way, making the ERP system easier to use. Widgets are generally used to modify or enhance how the data is displayed or interacted with in the user-interface.

Popular Odoo18 widgets

• Ribbon widgets
• Badge
• Color picker
• char_emojis/text_emojis
• Priority
• Percentage
• Boolean toggle
• Statusbar
• Radio
• Monetary etc.

Custom Slider Widgets in Odoo18

Besides the pre-built widgets You can also create and customize your widgets within Odoo’s views like this, and Slider widgets in Odoo18 enable users to input values in form views by dragging a slider, eliminating the need for direct typing. This can be particularly used for fields which need to be defined within a minimum and maximum value,i.e., range.

Creating new Widgets in Odoo18

To create a new widget, we will first create a custom module with all the required folders and files as shown in the image below.

Next, we can add the desired functionality of our custom widget using javascript in the custom_widget_slider.js file as shown in the below image.

Adding Functionality of Custom Widgets in Odoo18

In this case, we are considering the widget only for Integer fields. If float fields also need to be considered, then we can add the field type in the .js file. Also as shown in the above image, we can specify a minimum and maximum value of the slider while defining a field using this widget.

Next step is to add a template for our custom widget. This can be done by adding the below code in custom_slider_widget.xml file as shown in the below image.

Template adding for Custom Widgets

After defining the functionality of the widget in .js file and declaring the template for the same, we can try to use this widget in the form view.
Let us add a custom field named Quality Control in the model product.product. We can define the field in the product_product.py file as shown in the below image.

The field can then be added in the form view using the product_product.xml file.

Adding Custom Field

In the above image, we can see that for the field quality_control we have defined the widget alog with the minimum and maximum values.

Lastly add the ‘xml’ and ‘js’ files under the manifest.py file as shown in the below image.

After executing the above steps, we can see that our custom field Quality Control has been added in the product for view.

We can move the slider in both directions to choose the required value between 5 and 15 for the field Quality Control. Thus by using simple steps, we can create highly versatile and efficient Odoo widgets thereby improving the UI experience in Odoo.

Creating a custom slider widget in Odoo18 is a peak way to improve user interaction and enhance the overall functionality of your ERP system with the help of these simple steps you can customize your Odoo interface to your specific needs and simplify data input for your team.

As your Trusted Odoo partner UAE for Custom ERP solutions, we specialize in Odoo implementation and ERP customization services. If you’re looking to improve your ERP experience, we can help you create custom slidder widgets and much more to optimize your Odoo setup. If your in-house team needs expert Odoo consultation, Odoo developers on demand ‘ help with customizing your ERP system, or ongoing support, we’re here to help you every step of the way.

Get in Touch

Looking for help in customizing Odoo slider widgets? Get a free Odoo consultation today from Transines Solutions and see how our custom Odoo solutions can meet your business needs.

Need Odoo assistance? We have an expert team to assist you with ERP implementation support and provide ongoing support services.

So what are you waiting for? Partner with Transines Solutions now and Optimize your Odoo experience with Transines Solutions today!