community.atlassian.com
Open in
urlscan Pro
2600:9000:214f:9c00:12:54e9:5100:93a1
Public Scan
Submitted URL: https://click.e.atlassian.com/?qs=03299b77844b90ede08fc093a587157c6e8da6789d13455aaee79e857edd2fa821ca09bb09e349c6ee020ec504f7...
Effective URL: https://community.atlassian.com/t5/Confluence-articles/New-Customizable-panels-to-make-your-pages-pop/ba-p/1971812?utm_source=ne...
Submission: On May 24 via api from US — Scanned from DE
Effective URL: https://community.atlassian.com/t5/Confluence-articles/New-Customizable-panels-to-make-your-pages-pop/ba-p/1971812?utm_source=ne...
Submission: On May 24 via api from US — Scanned from DE
Form analysis
1 forms found in the DOMName: form_248d74ddc95efc — POST https://community.atlassian.com/t5/blogs/v2/blogarticlepage.searchformv3.form.form
<form enctype="multipart/form-data" class="lia-form lia-form-inline SearchForm" action="https://community.atlassian.com/t5/blogs/v2/blogarticlepage.searchformv3.form.form" method="post" id="form_248d74ddc95efc" name="form_248d74ddc95efc">
<div class="t-invisible"><input
value="blog-id/confluence-articles/article-id/4069/q-p/dXRtX3NvdXJjZTpuZXdzbGV0dGVyLWVtYWlsOjp1dG1fbWVkaXVtOmVtYWlsOjp1dG1fY2FtcGFpZ246Y29uZmx1ZW5jZS1kaWdlc3Qtc2xiLU1BWV9FTUwtMTI5NjY6OmpvYmlkOjEwNTU3OTYxNDo6c3ViaWQ6MTYyMTA2OTc5NA.." name="t:ac"
type="hidden"><input value="search/contributions/page" name="t:cp" type="hidden"><input
value="zb7tmWrMCEWhdixbLcSQlUuocPnLM94n-HxGQToZ7Ny59HySk0RkFygDu6OC9F6K5socoEbwSqZlf3VXcRmhf3Pj0-hLYB7c91ioQ5j7oPJGLixgkViQZ27Y_9SFRdcaIZkw2JkwqrPf1XJC8mY8768O4AdciUvHde4blYYpAslBcmYQEYOcDnZETswaiXw9VDHoouL_hSXj9i8kSZQQR2PNXBG6SiAMxHffVq_d95RdQBzzG8C-MUEM011YyMPssLTREvk_4lp55Pz_6C7mbvWX279kwP1wSwZ-Iy-fLCqdAzgDnzin6ndPyBL5pEA208dQQvm2U4v9kv-zxRR874yfOdkI3B5s4NF9RyfmrnOXMPbtxzQ4wePQbyhphUhgOa7rPb7blN4Ifj8PibNi28OnMU67NpsfL9WC7y_6jZc1TvTlBPvMNrW_PRuPW4vaH2CvnifCpHN83VBLfPFSxGXrZshFpQWD-JP_p3WHt4S2VuvL31Z0dn1Fg1jWCDZ9pu_R_4d6TYSLGW2aEIW-31t1eotwKq2HE_vgiuABY7tSL6VnFQ4c89GXI0-22cFxWqp8JWwAKAZgp3uNBLv3oPZ5WB-7PHN3yUCaaQ7M7cpRSb4VxAqFaKu7VVByDxV2ocfO6R_r5gWKjOGgXvgSqW7IuHLfY0efIWM2IQMftNP_owXggb4Ojhb7alhO37mrjympe4xi8UabpHcfaljX3QSagJgftAPzqjJ_zaq3-DdK9SoRQLE_1ZfwHLNkhdAIXWqv1nGJjU5ZPasN9yZCxD2xB230f1OkercRmwIU3X9EhWpjjpW6CL47PLMsdgL4Kh9G2uCNsvrIeG1LhmTIsim4K7ppz__MMaKqJ20h0WaZCmDtOpp7ybCsMwaK16mK_Ob-yJFyTuitPBTwvvUlPM8RIXyPYNDm3Q6zyXfXyjW1Oaug37gp8SNTPAdlA5oeIKQ0-dpWUD6QUH_jT8lNstIxMfmaF__fFfq7fBqgts8JJpHW_iTliKhEylmCxoOFI3iD8ESFXLYRoSh_aQVm2rQrSqYkk4ZKgQ2GdmtMmGMoYkdT4LjwzRwqDfxB1__yi1KLRKSlzoW0P6PuFQoyWhugtq3h0DGJt8vIXtFuFvjudgObOHl3-CZmUdzEdGvtAu5qwbkhenZCap1--3ZF93D1Vz3CWcpm3vopZFkYoABoWj17rGHSGq-mmSlf19OZhcyS1XPHXNur7LqdD6Ak8kO3ZnhJg1l_CZQjO26v_eK2k6rWYGSTDAp0GVy7kvfqxM40KeUyrDJYGz7-Bl4REGeQFk-rykv3aPGg-ZPV7TM."
name="lia-form-context" type="hidden"><input value="BlogArticlePage:blog-id/confluence-articles/article-id/4069:searchformv3.form:" name="liaFormContentKey" type="hidden"><input
value="9zKJRb2t6eBUSdsJE51rxcarwSY=:H4sIAAAAAAAAALWQMU7DMBSGH5U6VQgJwQ1gdZCgCxVDhVQxRKUoYka2+5oGkjjYTlMWjsIJEJfo0I07cABWJgbsJKBSkEigTJH/F/3f9979MzSzI+gopJKPHS5iLQOW6kDEyhlQHw+LyUjIaLJPVMqiQJcf+zNOtZLQFtInNKF8jETTBJWWN23ChcQwYIRRhaTLTEi57gUYDnc81Gmyez5rPW3PXxuw5kIrR4uwTyPUsOle0gl1Qhr7jmeMYr8zTTSsF+DjAvx3725d74EUHJXybI9SBjZ7GB6MXu4eGwDTJOuDW1EoMi0mLDPb/U2kruEWwFyjHHn5KDdZNcqSmtkZnFYs1Ves1gpbX1e42PsHXrHHCfQq9qYK5WLj0vtdf8Pmi+dfGaGucCz0pxMsvT+Ebf474R8IufAbDQePfjcEAAA="
name="t:formdata" type="hidden"></div>
<div class="lia-inline-ajax-feedback">
<div class="AjaxFeedback" id="feedback_248d74ddc95efc"></div>
</div> <input value="PuWa5IxQFvVaewIk_i7WLxRM_oE24Ixch2cQ9LjUUNE." name="lia-action-token" type="hidden"> <input value="form_248d74ddc95efc" id="form_UIDform_248d74ddc95efc" name="form_UID" type="hidden"> <input value=""
id="form_instance_keyform_248d74ddc95efc" name="form_instance_key" type="hidden"> <span class="lia-search-input-wrapper"> <span class="lia-search-input-field"> <span
class="lia-button-wrapper lia-button-wrapper-secondary lia-button-wrapper-searchForm-action" title="Search***" aria-label="Search***"><input value="searchForm" name="submitContextX" type="hidden"><input
class="lia-button lia-button-secondary lia-button-searchForm-action" value="" id="submitContext_248d74ddc95efc" name="submitContext" type="submit"></span> <input placeholder="Search" aria-label="Search" title="Search"
class="lia-form-type-text lia-autocomplete-input search-input lia-search-input-message" value="" id="messageSearchField_248d74ddc95efc_0" name="messageSearchField" type="text" aria-autocomplete="both" autocomplete="off">
<div class="lia-autocomplete-container" style="display: none; position: absolute;">
<div class="lia-autocomplete-header">Awaiting your command</div>
<div class="lia-autocomplete-content">
<ul></ul>
</div>
<div class="lia-autocomplete-footer">
<a class="lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete" data-lia-action-token="IV7UqT44cnQO3B4B-XkBsER-e4KC0I2CXc_SglM0HGs." rel="nofollow" id="disableAutoComplete_248d74ddf51ba7" href="https://community.atlassian.com/t5/blogs/v2/blogarticlepage.disableautocomplete:disableautocomplete?t:ac=blog-id/confluence-articles/article-id/4069/q-p/dXRtX3NvdXJjZTpuZXdzbGV0dGVyLWVtYWlsOjp1dG1fbWVkaXVtOmVtYWlsOjp1dG1fY2FtcGFpZ246Y29uZmx1ZW5jZS1kaWdlc3Qtc2xiLU1BWV9FTUwtMTI5NjY6OmpvYmlkOjEwNTU3OTYxNDo6c3ViaWQ6MTYyMTA2OTc5NA..&t:cp=action/contributions/searchactions">Turn off suggestions</a>
</div>
</div> <input placeholder="Search" aria-label="Search" title="Search" class="lia-form-type-text lia-autocomplete-input search-input lia-search-input-tkb-article lia-js-hidden" value="" id="messageSearchField_248d74ddc95efc_1"
name="messageSearchField_0" type="text" aria-autocomplete="both" autocomplete="off">
<div class="lia-autocomplete-container" style="display: none; position: absolute;">
<div class="lia-autocomplete-header">Awaiting your command</div>
<div class="lia-autocomplete-content">
<ul></ul>
</div>
<div class="lia-autocomplete-footer">
<a class="lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete" data-lia-action-token="MDkju9PGM28GqphKGdOt3qosRR5SZQ2z2wlptyIrJEM." rel="nofollow" id="disableAutoComplete_248d74de7cf461" href="https://community.atlassian.com/t5/blogs/v2/blogarticlepage.disableautocomplete:disableautocomplete?t:ac=blog-id/confluence-articles/article-id/4069/q-p/dXRtX3NvdXJjZTpuZXdzbGV0dGVyLWVtYWlsOjp1dG1fbWVkaXVtOmVtYWlsOjp1dG1fY2FtcGFpZ246Y29uZmx1ZW5jZS1kaWdlc3Qtc2xiLU1BWV9FTUwtMTI5NjY6OmpvYmlkOjEwNTU3OTYxNDo6c3ViaWQ6MTYyMTA2OTc5NA..&t:cp=action/contributions/searchactions">Turn off suggestions</a>
</div>
</div> <input placeholder="Search all content" ng-non-bindable="" title="Enter a user name or rank" class="lia-form-type-text UserSearchField lia-search-input-user search-input lia-js-hidden lia-autocomplete-input"
aria-label="Enter a user name or rank" value="" id="userSearchField_248d74ddc95efc" name="userSearchField" type="text" aria-autocomplete="both" autocomplete="off">
<div class="lia-autocomplete-container" style="display: none; position: absolute;">
<div class="lia-autocomplete-header">Enter a user name or rank</div>
<div class="lia-autocomplete-content">
<ul></ul>
</div>
<div class="lia-autocomplete-footer">
<a class="lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete" data-lia-action-token="5U7LkhIpLuG4fA0QqhQuhM0QEW4k_PBqOoQnLfIr0GM." rel="nofollow" id="disableAutoComplete_248d74deb00a72" href="https://community.atlassian.com/t5/blogs/v2/blogarticlepage.disableautocomplete:disableautocomplete?t:ac=blog-id/confluence-articles/article-id/4069/q-p/dXRtX3NvdXJjZTpuZXdzbGV0dGVyLWVtYWlsOjp1dG1fbWVkaXVtOmVtYWlsOjp1dG1fY2FtcGFpZ246Y29uZmx1ZW5jZS1kaWdlc3Qtc2xiLU1BWV9FTUwtMTI5NjY6OmpvYmlkOjEwNTU3OTYxNDo6c3ViaWQ6MTYyMTA2OTc5NA..&t:cp=action/contributions/searchactions">Turn off suggestions</a>
</div>
</div> <input title="Awaiting your command" class="lia-form-type-text NoteSearchField lia-search-input-note search-input lia-js-hidden lia-autocomplete-input" aria-label="Awaiting your command" value="" id="noteSearchField_248d74ddc95efc_0"
name="noteSearchField" type="text" aria-autocomplete="both" autocomplete="off">
<div class="lia-autocomplete-container" style="display: none; position: absolute;">
<div class="lia-autocomplete-header">Awaiting your command</div>
<div class="lia-autocomplete-content">
<ul></ul>
</div>
<div class="lia-autocomplete-footer">
<a class="lia-link-navigation lia-autocomplete-toggle-off lia-link-ticket-post-action lia-component-search-action-disable-auto-complete" data-lia-action-token="F3HivmTczpxSgE0x7yZme_3-H9xza0o4GVw37K4Q7Bw." rel="nofollow" id="disableAutoComplete_248d74dee28a2c" href="https://community.atlassian.com/t5/blogs/v2/blogarticlepage.disableautocomplete:disableautocomplete?t:ac=blog-id/confluence-articles/article-id/4069/q-p/dXRtX3NvdXJjZTpuZXdzbGV0dGVyLWVtYWlsOjp1dG1fbWVkaXVtOmVtYWlsOjp1dG1fY2FtcGFpZ246Y29uZmx1ZW5jZS1kaWdlc3Qtc2xiLU1BWV9FTUwtMTI5NjY6OmpvYmlkOjEwNTU3OTYxNDo6c3ViaWQ6MTYyMTA2OTc5NA..&t:cp=action/contributions/searchactions">Turn off suggestions</a>
</div>
</div> <input class="lia-as-search-action-id" name="as-search-action-id" type="hidden">
</span> </span> <span id="clearSearchButton_248d74ddc95efc" role="button" tabindex="0" title="Clear" class="lia-clear-field lia-js-hidden" aria-label="Clear the search input"></span> <span class="lia-cancel-search">cancel</span>
</form>
Text Content
Atlassian Community logo Products Interests Groups Create Ask the community * ASK A QUESTION Get answers to your question from experts in the community * START A DISCUSSION Share a use case, discuss your favorite features, or get input from the community Awaiting your command Turn off suggestions Awaiting your command Turn off suggestions Enter a user name or rank Turn off suggestions Awaiting your command Turn off suggestions cancel Turn on suggestions Showing results for Search instead for Did you mean: Sign up Log in PRODUCTS * Jira Jira * Jira Service Desk Jira Service Management * jira-align Jira Align * Confluence Confluence * Trello Trello * Jira Work Management * Sourcetree Sourcetree * Bitbucket Bitbucket * Opsgenie Opsgenie See all COMMUNITY RESOURCES * Announcements * FAQ * Guidelines * About SUPPORT * Technical support * Documentation * Atlassian Community Events * Atlassian University INTERESTS * Feedback Forum Announcements * Off-topic Off-topic * Atlassian logo Atlassian Account See all COMMUNITY RESOURCES * Announcements * FAQ * Guidelines * About SUPPORT * Technical support * Documentation * Atlassian Community Events * Atlassian University TOP GROUPS * groups-icon Welcome Center * groups-icon Atlassian Answerers * groups-icon Enterprise * groups-icon Trust & Security * groups-icon Community Events * groups-icon Industry Groups * groups-icon Learn from Home Study Groups * groups-icon Featured Groups Explore all groups COMMUNITY RESOURCES * Announcements * FAQ * Guidelines * About SUPPORT * Technical support * Documentation * Atlassian Community Events * Atlassian University COME FOR THE PRODUCTS, STAY FOR THE COMMUNITY The Atlassian Community can help you and your team get more value out of Atlassian products and practices. Get started Tell me more 4,261,302 Community Members 3,802 Community Events 164 Community Groups * Community * Products * Confluence * Articles * New! Customizable panels to make your pages pop 💥 NEW! CUSTOMIZABLE PANELS TO MAKE YOUR PAGES POP 💥 Mar 14, 2022 Hi Atlassian Community, My name is Sekajipo Taplah, and I’m a Product Manager on the Confluence Cloud team. Panels are a popular feature that enable you to highlight important pieces of information on a Confluence page. We know that many of you have been limited by the lack of customization for panels. We’re happy to let you know that has changed. You can now customize your panels! Add or remove any emoji and choose from an array of background colors. Using color and emojis in your panels is one of the best ways to create easy-to-read, skimmable pages. You can grab your audience’s attention and draw them to key callouts, TL;DRs, risks, successes, disclaimers, and much more. -------------------------------------------------------------------------------- How to get started: 1. Add a panel to a page by typing / custom panel or by selecting Custom panel from the insert menu. 2. Use the floating toolbar to choose a background color and pick an emoji if you want one. -------------------------------------------------------------------------------- Check out some of the ways the Atlassian team has already used customizable panels. We that hope you enjoy this new functionality and use it to customize your Confluence pages! As always, please don't hesitate to give us feedback in the comments. -------------------------------------------------------------------------------- EXTRA CREDIT — Share a screenshot of how you’re using customizable panels in the comments below. You’ll receive a colorful Confluence gift, and we hope it always reminds you of panels! Comment Watch Like 18 people like this # people like this Share * LinkedIn * Twitter * Email * Copy Link 6199 views 27 COMMENTS Paweł Mikołajczuk Atlassian Team Mar 14, 2022 Customizable panels are great for bringing reader attention! Like • 2 people like this 2 people like this Amanda Quinn I'm New Here Mar 15, 2022 I don't see these options - Is it because I'm on a free account? What level do I need to purchase to get access to custom panels? Also, do the custom panels allow you to remove the icon? (i.e. if I just want a blue box with no i, could I do that? Like • 2 people like this 2 people like this Merrill Oates DA Admin_Own Mar 15, 2022 Looks like it could be a step in the right direction ... after a long, long wait ... but still seems rather limited in flexibility (only the limited color pallet?) And, like Amanda says, it doesn't seem to be available on our Cloud instance. Like • 2 people like this 2 people like this Shri I'm New Here Mar 15, 2022 Not available on our Cloud instance either. Not sure how the rollout for these features goes. Like • Amanda Quinn likes this Sekajipo Taplah Atlassian Team Mar 16, 2022 • edited Mar 22, 2022 Hi @Shri , @Merrill Oates DA Admin_Own we're currently at 50% rollout. You'll be seeing the feature within the next few weeks if you're not in the earlier instances! Like • 3 people like this 3 people like this Sekajipo Taplah Atlassian Team Mar 16, 2022 @Amanda Quinn Yes! you can have panels without icons/emojis ! The screenshot attached has blank panels and other examples Like • 2 people like this 2 people like this Haddon Fisher Mar 16, 2022 To be clear, this is the old "info panel" and not the "panel" macro correct? Like • Richard Couture likes this Emilio Galasso Mar 21, 2022 I added a bunch of info panels to my page using custom emoji and a selected colour. On the published page there are no icons -- only boxes in the selected colour. However, once I return to the editing page I now see this for each of my panels: They no longer act like a info panels. None of the normal info panel options are available. If I publish without touching it, it's still just a green box. Going to be fun having to re-do all these info panels now. Tried it with a custom but built-in emoji and there was no icon on the published page and it's no longer an info panel when editing. Tried a panel with the icon/emoji removed and it's no longer an info panel when I return to editing. The standard info/note/warning/error info panels work fine. None of my custom emoji in my headings are appearing in my table of contents either. Relying on emoji for in-line images was already a pain. It's just turning into a very frustrating experience trying to get some fairly basic things done. Like Sekajipo Taplah Atlassian Team Mar 22, 2022 Hi @Emilio Galasso thank you for informing us and sorry for the trouble! We're currently investigating the issue with our engineering team. Like • Elena_Bresciani likes this Sekajipo Taplah Atlassian Team Mar 23, 2022 • edited Hi @Emilio Galasso the bug should be fixed now, let me know if you're still running into an issue :) & I'll see what additional adjustments we can make & open a support thread Like Elena_Bresciani I'm New Here Mar 24, 2022 Hi @Sekajipo Taplah would it take some time to have the fix applied to all cloud instances? Cause I still see the bug. Like Patrizia Mar 24, 2022 I really try to accept, that we will never get back the real panel, that the community asked for, where we could have colors and borders of our choice, fitting to the company identity. But why are the colors even here limited and not even dark colors are available, like in the menu? Dark red, dark grey. Where are the dark colors?! Dark banners with white text looks much more elegant than these pastel rainbow colors. Could you at least put some dark colors to the panels! Please! When will be the panels available? We have to delete all old panels in our cloud version, cause they are not working anymore. And we are just waiting to start with it, as soon as the "new" panels are available. Like Dave Collins Mar 24, 2022 Nope. Not working at all... Like Sekajipo Taplah Atlassian Team Mar 24, 2022 • edited Hi ! @Dave Collins it hasn't been rolled out to 100% of organizations yet. We're still currently at 50% rollout! Like Sekajipo Taplah Atlassian Team Mar 24, 2022 • edited @Elena_Bresciani , @Emilio Galasso The engineering team just made some changes. Let me know if it's working for you now Like Emilio Galasso Mar 24, 2022 @Sekajipo TaplahIt was not working last night or earlier today (was giving it time to propagate). But I just checked just now and it appears to be working! My custom emoji are now appearing as part of the panel and I am now able to properly edit the panel afterwards. Existing pages still show the error but it is corrected by simply re-publishing them so thankfully no need to re-create all the panels. Thank you! Probably not a bug you're responsible for -- but custom emoji are still broken in the Table of Contents. For some reason, some people can see them after a couple of page refreshes but others (like me) never see them. Like Elena_Bresciani I'm New Here Mar 25, 2022 @Sekajipo Taplah yep! it works now :) Like Sekajipo Taplah Atlassian Team Apr 07, 2022 @Dave Collins we're rolled out to 100% now! you should have access to the feature Like Jonathan Parsons Apr 11, 2022 @Sekajipo Taplah I don't have access to the new panel feature (see below). Note: Our company is confluence cloud on atlassian.net. Also is this feature available in the editor when creating/editing Confluence Templates too please? -------------------------------------------------------------------------------- In editor I can only see this when I select "/custom panel" Similar to when I Browse/Search for custom panels I can only see Info, Note, Error etc. Like Siddhit Sanghavi Apr 19, 2022 Can we have custom panels as macros? I've made one with a hatching egg in a red panel to show a doc is very new. If someone wanted to use that, can I have a /just_born and it shows up? Like kristine_daniels Apr 21, 2022 Will this be available in JIRA as well? Like Dave Collins Apr 21, 2022 @kristine_daniels First, Jira (not JIRA, it's not an acronym). You are asking for the /panel to be usable in an issue description? That's already there. Like kristine_daniels Apr 21, 2022 @Dave Collins , I asking if custom panels will be available in Jira. I don't see that option yet. Like • Dave Collins likes this Dave Collins Apr 21, 2022 Panels are there, but not custom. I, personally, don't see that need in a Jira issue. But support you if you have that need. Like kristine_daniels Apr 21, 2022 Need? no, but I'd definitely use them if they were available like they were with the on-prem version. Like * « Previous * * 1 * 2 * Next » COMMENT Log in or Sign up to comment WAS THIS HELPFUL? Yes No THANKS! × Sekajipo Taplah Atlassian Team ABOUT THIS AUTHOR 24 total posts * * * * * * * +10 more... View profile Confluence Confluence TAGS * cloud * confluence-cloud * panel Related Community content * CONFLUENCE HOLIDAY WORKSHOP: 7 NEW FEATURES TO MAK... * PAGE PROPERTIES REPORT - NOT SHOWING NEW PAGES * HOW TO MAKE 'CREATE ISSUE' POP UP BIGGER * ALL EPIC LABELS DISAPPEARED FROM PANEL ON BACKLOG ... * IS IT POSSIBLE TO MAKE AN IMAGE LINK TO DISPLAY A ... PRESENTER MODE FOR CONFLUENCE IS HERE. With Presenter Mode, you can let your work shine and selectively guide your audience through your narrative, all without leaving the page. Go present Community showcase STEPHANIE ZHANG Published in Confluence Cloud PRESENTER MODE FOR CONFLUENCE IS HERE 🖥 👩💻 👋 Hello Community! My name is Stephanie Zhang, and I’m a product manager on the Confluence cloud team. Today, I’m excited to announce the rollout of Presenter Mode : a ... 28,293 views 51 127 Read article COMMUNITY EVENTS Connect with like-minded Atlassian users at free events near you! Find an event Connect with like-minded Atlassian users at free events near you! Find events near me Unfortunately there are no Community Events near you at the moment. Host an event You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events EVENTS NEAR YOU * FAQ * Community Guidelines * About * Privacy policy * Terms of use * © 2022 Atlassian Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.