# Material Details Modal

{% embed url="<https://app.arcade.software/share/O8dMwr8pym4wYpqRUA81?language=en>" %}

## What You See in the Material Details Modal <a href="#what-you-see-in-the-material-details-modal" id="what-you-see-in-the-material-details-modal"></a>

The content of the Material Details modal may vary depending on the **material category** and the **available data** for that product.

Common elements include:

* **Product image** for visual identification
* **Model number** and **manufacturer** information
* A link to **download the datasheet file** (if available)

### How It Works <a href="#how-it-works" id="how-it-works"></a>

When you click on any material in the **All Materials** or **Active Materials** list, a **Material Details** **Modal** opens on the right side of the screen.

## Dynamic Specification Sections <a href="#dynamic-specification-sections" id="dynamic-specification-sections"></a>

Technical information is displayed in sections or tabs that change based on the material type. Not all materials show the same fields.

Examples include:

* **Panel, Battery**: Electrical, Mechanical, Temperature
* **Heat Pump:** Performance, Sound/Construction, Heating Performance Table
* **Inverter**: Input/Output, Mechanical, Temperature
* **Mounting**: Technical Parameters (e.g., type, tilt angle, region)
* **Cables**: Technical Parameters (e.g., type, region, warranty)
* **EV Charging:** Technical Parameters (e.g., type, power, region)

Only relevant specification groups are shown to keep the interface clear and easy to read.

## Material Details Modal Overview <a href="#material-details-modal-overview" id="material-details-modal-overview"></a>

The modal includes the following information:

* **Product image** for quick visual identification
* **Model number** and **manufacturer** details
* A direct link to **download the datasheet file** (if available)
* Technical specifications grouped into tabs such as:
  * **Electrical** (e.g., power, voltage, current values)
  * **Mechanical** (e.g., dimensions, weight)
  * **Temperature** (e.g., temperature coefficients)
  * **Technical Parameters** (e.g., type, region)

{% hint style="info" %}
Only relevant specification tabs are displayed, ensuring a clean interface and preventing unnecessary information overload.
{% endhint %}

This layout allows you to quickly review, compare, and validate material specifications without leaving the materials page. You can close the modal at any time and continue browsing or managing materials.

***

## Related Pages <a href="#related-articles" id="related-articles"></a>

* [All Materials Page](/configuration/materials-page/all-materials.md)
* [Active Materials Page](/configuration/materials-page/active-materials.md)

[Feel free to contact us](https://www.solarvis.co/en/company/contact) if you need further assistance.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.solarvis.co/configuration/materials-page/material-details-modal.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.