hello, is it possible to add icon in the header of the dialog ?

[Ali]

is it possible to make the resize icon in the dialog header by atlassian-connect or react js script?

---

"webItems": [
  {
    "key": "web-item-system-content-button",
    "location": "system.content.button",
    "url": "/frontend/confluencePage?pageId={page.id}",
    "name": {
      "value": "AI Insights"
    },
    "icon": {
      "width": 16,
      "height": 16,
      "url": "/images/AIFCLogo.png"
    },
    "context": "addon",
    "weight": 9999,
    "target": {
      "type": "dialog",
      "options": {
        "size": "X-LARGE",
        "header": {
          "value": "Analyze Confluence"
        }

      },
      "context": "page"
    },
    "tooltip": {
      "value": "AI for Confluence"
    },
    "conditions": [
      {
        "condition": "user_is_logged_in"
      }
    ]
  }]

[Daniel Brown]

Yes, it’s possible to add an icon in the header of a dialog. If you’re working with HTML and CSS, you can use font icons (like Font Awesome or Material Icons) or custom images.

<div class="dialog-header"> <i class="fa fa-info-circle"></i> Dialog Title </div>

[Ali]

@Daniel Brown 
hello , to be noted the title of the dialog was set from the webItem not from html and css.