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

Ali February 25, 2025

 

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




image.png

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

 

1 answer

0 votes
Daniel Brown February 25, 2025

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>

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
FREE
PERMISSIONS LEVEL
Product Admin
TAGS
AUG Leaders

Atlassian Community Events