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

Question

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"
      }
    ]
  }]

Ali_l2oxg6 · Answer

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

Daniel Brown_ia4n4d · Answer

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.