Domus Organizer extends its standard behavior by using different plugins. In this way, our users can enable only the features that they really need; in addition to that, developers could intercept and modify our event to fully customize Domus Organizer.
![[Important]](/media/com_docimport/admonition/important.png) | Important |
|---|---|
This feature is available only inside the professional version of Domus Organizer |
Using the property fields you can display the energy class of a property, however it isn't very nice. Users are used to see a very distinctive image, showing how ecologic is the house:
 |
You can achieve this using the Content - Domus Organizer Energy class
![[Note]](/media/com_docimport/admonition/note.png) | Note |
|---|---|
The image is created on the fly using CSS rules, this means that you are free to add as many classes you want or change their color. |
Plugin configuration
In the backend, the plugin has the following options:
- Width type
The width values should be interpreted as pixels or percentages?
- Starting width
The width of the starting class
- Width increment
How much should each class be greater than the previous one?
- Energy unit
The energy unit related to the energy classes.
- Energy classes
This is where you define all your classes, one per line. In each line you can put several info: the code, the color and the value of the class (optional), separated by pipe (
|) character.The syntax to use is the following
<class code>|<color in hex with starting #>|<class value>.If you don't use any class value, your indicator (the black arrow) will show the class code, otherwise it will show the exact value you passed to the plugin (you will find further details in the usage section)
In the first case, we directly passed to the plugin the energy class (
D), in the second case, we passed the energy value (60): the plugin did the math and selected the correct class automatically.
Plugin usage
The usage is very simple, just add the following text in your
property {domus_energy_class:<value>}.
As discussed earlier, <value> could be the
class code (D), or if you assigned a
value to each class, the raw recorded value (60).
Since this is a content plugin, it means that you can use the previous syntax wherever you want: it could be inside the property description or in a property field, the result will be the same.
| Configured params and passed value |
|---|---|
Please note that if you configured a value for each class, you must pass the raw value (60); if you didn't set it up, you must pass the class code (D) |