Odoo has many widgets available in the user interface to perform different functionalities such as Status bar, Checkboxes, Radio button, etc. which makes the operations in Odoo simpler and run with ease.
In this blog, I will be explaining about different default widgets in Odoo, its purpose, and its implementation syntax.
You can also have read our Odoo 13 new widgets blog
1. Ribbon Widget
2. Calculator Widget
Many2many Checkboxes
This field displays a list of checkboxes. Usually used to display one or more related items as depicted in the following image
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-1.png)
Use the code widget=āmany2many_checkboxesā, to get the many2many checkbox effect.
Statusbar
Used to display the status of a process which is running, completed or triggered. Furthermore, we can use the code widget=āstatusbarā to obtain the Status Bar effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-2.png)
Percentpie
The widget is used to display a progress chart of the process which can be obtained by using the code widget=āpercentpieā. Moreover, this widget is applicable for both integer and float fields where the float value will be converted into an integer value.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-3.png)
Guage
Guage is a widget available which is similar to āPercentpieā which can be obtained by using the code widget=āguageā. However, in the case of gauge widget, you have to add another field, for the maximum value which can be set by configuring the following option in the XML code.
<fieldname="entry_progress"widget="gauge"style="width:120px;height:90px;cursor:pointer;"
options="{'max_field':'maximum_rate'}">
EntryProgress
</field>
Here āmaximum_rateā described is an integer field.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-4.png)
Progressbar or Progress
The progress bar widget displays the progress of a process. Moreover we can Use the code widget=āprogressbarā to get the effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-5.png)
Many2many Tags
Similar to the many2many checkbox the many2many tags operates however, it displays multiple items as tags as depicted in the below image. Furthermore we can use the code widget=āmany2many_tagsā to get the effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-6.png)
Handle
The handle widget is used to drag the line up and down. In addition, this widget is mainly applicable to the tree view and can be used by assigning the code widget=āhandleā to get the effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-8.png)
Many2many Binary
Many2many binary fields will provide you with an option to upload a file and view the preview of it. Moreover, the widget is available only for the binary fields which can be obtained by Using the code widget=āmany2many_binaryā
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-9.png)
Many2many Kanban
We can use the code widget=āmany2many_kanbanā to get the many2many kanban effect. Additionally, we can set āmany2manyā fields as a kanban view by using āmany2many_kanbanā widget.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-10.png)
Mail Followers & Mail Thread
We can track every model using the āmail_followersā widget. Moreover we can use the code widget=āmail_folowersā to get the effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-11.png)
Selection
The selection widget displays a list of items. In addition, the effect can be attained by using the code widget=āselectionā and It is applicable only for āmany2oneā field
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-12.png)
Radio
The radio widget can be used to attain a button effect. Moreover we can use the code widget=āradioā to get the radio button effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-13.png)
Float Time
The flot time widget can be attained by using the code widget=āfloat_timeā. Furthermore, to have the widget in operation you have to define the field type as āfloatā.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-14.png)
Image
The image widget available is used for binary field operations and can be obtained by using the code widget=āimageā.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-15.png)
Email
If we set the widget as āemailā for a character field the character will be displayed as an email link. Additionally when the user clicks on the data field it will redirect them to compose mail form. Moreover, we can use the code widget=āemailā to get the effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-16.png)
Phone
If we use the mobile application, then we can directly dial the number to the clipboard by using the code widget=āphoneā.
Monetary
The field allows the user to append currency with our amount which can be done by using the monetary widget. In addition, we can use the code widget=āmonetaryā to get the monetary effect
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-17.png)
URL
If we set the widget as URL for a character field the character will be displayed as a hyperlink. Furthermore the code widget=āurlā can be used to attain the effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-18.png)
Checkbox
The widget displays checkboxes allowing you to define checkboxes for opertison. Moreover we can use the widget=ācheckboxā code to get the effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-19.png)
Integer
A field set as the integer will allow only integer values to be entered. Furthermore we can use widget=āintegerā code to get the effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-20.png)
Date
The date widget will convert the DateTime field into the date field. Moreover we can use widget=ādateā code to get the following effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-21.png)
Html
We can use the Html widget to get the following effect. Furthermore the code widget=āhtmlā will provide you with the operations.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-22.png)
Html Frame
We can use widget=āhtml_frameā to get the HTML frame effect. Moreover it will provide the default frame for our field.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-23.png)
Priority
The priority widget is one of the useful tools of operations. Moreover, we can use widget=āpriorityā to get the priority widget.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-24.png)
Boolean Button
The boolean button widget is useful to set toggle values for the field. Furthermore the code widget=āboolean_buttonā can be used to get the field.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-25.png)
Upgrade Boolean
We can use widget=āupgrade_booleanā to get the following effect. When we click on the field of āupgrade_booleanā widget, then it will pop up the window as depicted below.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-26.png)
Upgrade Radio
We can use widget=āupgrade_radioā to get the effect as depicted in the below image.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-27.png)
Char Domain
We can set the domain for a particular field using the āchar_domainā widget. Furthermore providing the code widget=āchar_domainā will get you the effect
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-28.png)
Statinfo
Use widget=āstatinfoā to get the following effect. The widget will display the count.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-29.png)
Many2many Attendee
We can use the widget=āmany2manyattendeeā to get the following effect as shown in the image.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-30.png)
On2many
The on2many widget can be obtained by using the code widget=āone2manyā, which will provide the effect depicted in the following image.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-31.png)
One2many List
Use the one2many list widget by providing the code widget=āone2many_listā to get the following effect as in the below image.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-32.png)
Widget on Button
The widget on button will provide you with accessible buttons. Moreover, we can use the code widget=āwidgetonbuttonā for the following effect.
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-33.png)
Website Button
If you want the website button to navigate you to the website form the back end to the front end of the platform you can use the website button widget. Moreover, the code widget=āwebsite_buttonā will give you the effect as depicted in the below image .
![widgets-in-odoo-cybrosys](https://www.images.cybrosys.com/blog/Uploads/BlogImage/widgets-in-odoo-34.png)
If you want to learn on How to Create a Widget in Odoo, we have explained it in detail by providing the screenshots for each step of operation.
You can read about the Widget list in Odoo 14, Where almost all types of widgets are covered and explained