# How does it work?

Users can add, edit, and delete network diagrams. Infraon supports exporting network diagrams in PDF and JPG formats.

## What you see on the screen <a href="#toc174553270" id="toc174553270"></a>

The network diagram page has options to add new network diagrams and view, edit, and delete existing ones.

<table data-header-hidden><thead><tr><th width="221"></th><th width="245"></th><th></th></tr></thead><tbody><tr><td><strong>Label</strong> </td><td><strong>Action</strong> </td><td><strong>Description/ Example</strong> </td></tr><tr><td>Search  </td><td>Search for the required Network. </td><td></td></tr><tr><td>Filter </td><td>Filter can be added based on the field and condition from the drop-down box below. </td><td>Field (Creator, Description, Name) and Condition (in, not in, equal to, not equal to) </td></tr><tr><td>Add Network Diagram </td><td>Click to add a new network Diagram </td><td>Follow the below steps to add a new network diagram. </td></tr><tr><td>Name </td><td></td><td>Name for the chosen network diagram. </td></tr><tr><td>Description </td><td></td><td>Description of the Network diagram. </td></tr><tr><td>Creator </td><td></td><td>Name of the user, who have the created this network diagram. </td></tr><tr><td>Action </td><td></td><td></td></tr><tr><td>Edit </td><td></td><td>Click to edit the network diagram. </td></tr><tr><td>Clone </td><td></td><td>To clone the network diagram. </td></tr><tr><td>Delete </td><td></td><td>To delete the network diagram. </td></tr></tbody></table>

## Instructions to Add Network Diagrams <a href="#toc174553271" id="toc174553271"></a>

Click on 'Add Network Diagram' in the top right corner. This action allows the creation of a Network Diagram and arranges the devices, interfaces, and servers in the required network diagram. &#x20;

* A developing window appears with default tools and shapes required to create a diagram.&#x20;
  * The center of the page is the worksheet used to create the Network Diagram.&#x20;
  * The Left panel consists of objects and shapes required to configure the node.&#x20;
  * The top panel has a toolbar with options to Zoom in, Zoom Out, Fill, edit, etc.&#x20;
  * Click on the plus symbol to insert a link or an image.&#x20;
  * Use the Right panel to manage extended properties of the shapes added in the Network Diagram.&#x20;
* Click on a shape to add it to the Network Diagram.&#x20;
  * Right-click and select 'Edit Data' to customize the device label and add properties.  Click 'Apply' to save.&#x20;
  * Right-click on a particular device to view the Node and Event Options (based on the 'Edit Data' settings).&#x20;
* Click File -> Save to save the Network Diagram. The 'Save' window appears. Provide the required details and click the 'Save' button.&#x20;
* The saved Network Diagram is displayed on the dashboard.&#x20;
* The device's color will be displayed based on the device's status.&#x20;
  * Red - if the status of the device is 'Down'&#x20;
  * Green - if the status of the device is 'Up'&#x20;
  * Gray - if the status of the device is 'Unknown'&#x20;

The network diagrams can be viewed, edited, cloned, or deleted from the dashboard. Click on the name of the network diagram to view it.

{% hint style="info" %}
Click 'Export View' to export the diagram in 'PDF' or 'JPG' format.&#x20;
{% endhint %}


---

# 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.infraon.io/infraon-help/infinity-user-guide/network-diagram-beta/how-does-it-work.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.