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>

Ali February 25, 2025

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

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