Troubleshooting Webex Contact Center desktop layout and widget errors
Verified 2026-10-02 · 54 sources · tier 2–5
Webex Contact Center Agent Desktop layouts are JSON files that administrators download, customise, and upload in Control Hub under Services > Contact Center > Desktop Experience > Desktop Layouts 952. Cisco Developer Relations presents iFrame widgets and Web Components as the two ways to build custom Desktop widgets, and both are defined through layout.json 54.
How layouts reach an agent
The Global Layout is system-generated, and it is set automatically as a team's desktop layout when the team is created 20. Assigning a custom layout to a team overrides the Global Layout, which is the default layout for all teams 10. For agent-based teams, the team create or edit page has a Desktop Layout drop-down for selecting the team's layout 47. Changes to Teams and Desktop Layouts are linked bidirectionally, so an update to one can affect the other, and both may appear together in audit logs 46.
An agent chooses a team from the Team drop-down when signing in, and the Desktop's appearance depends on the layout the administrator configured 45. When a supervisor signs in to the Desktop, the layout of their primary team is applied 42. We infer that an agent who belongs to several teams probably gets the layout of the team picked at sign-in, so picking a different team is a likely cause of "wrong layout" reports 2.
Webex Contact Center allows up to 200 active desktop layouts 1.
Diagnosing layout administration problems
A team is missing from the drop-down. If a team already has a custom layout assigned, that team does not appear in the team drop-down when you create another desktop layout 5.
A layout cannot be deleted. A desktop layout must be set to Inactive before it can be deleted, and a confirmation prompt appears before removal 11.
An upload fails. WarmTransfer's reading of the sources is that Cisco's layout administration articles reviewed here publish no catalogue of the validation or rejection messages Control Hub shows when a layout JSON upload fails 32. The JSON examples in Cisco's layout article show a top-level version value of 0.1.0, but the article states no required or allowed values for it 15.
Diagnosing changes that do not appear
If you assign a new desktop layout while an agent is signed in, the agent must reload the page to see it 34. After you change the notification timeout settings in the layout, the browser must be refreshed for the change to take effect 48.
With an unmodified layout, new layout-based features appear automatically, and Desktop users see them when they sign in or reload the browser 51. Downloading Default Desktop Layout.json and uploading it again counts as a modified layout, even if the content is unchanged 36. WarmTransfer's reading of the sources is that a team on a modified or re-uploaded layout probably will not get new Cisco layout features until an administrator merges them into its JSON, because Cisco auto-updates only unmodified layouts 28.
A custom logo can be hosted on a CDN in PNG, JPG, JPEG, GIF, SVG or WebP format, and an incorrect URL shows a broken image on the Desktop 27.
Diagnosing agent-side layout behaviour
An agent can restore the default view of a single page or widget with Edit Layout > Reset Layout and then confirming 3. An agent can restore the default view across all pages and custom tabbed widgets with User Profile > Reset Entire Desktop Layout 35.
The top-level dragDropEnabled property defaults to false, and setting it to true allows drag-and-drop and resizing of widgets on custom pages 13. Agents cannot rearrange or resize header widgets or default page widgets such as Agent Performance Statistics 23.
An agent's custom Auxiliary Information pane tab order survives navigation, browser reload, cache clearing, and sign-out, but the tab selection is lost when the cache is cleared 43. The selected Auxiliary Information pane tab resets to the default tab when the user signs out, reloads the browser, or clears the browser cache 44.
Diagnosing widget configuration errors
Widget definition. The comp property holds the custom HTML element name and is entered without angle brackets 8. The optional script property of a widget is needed only when the widget or component loads from a remote location such as a CDN 37.
Widget receives no Desktop data. For a custom widget to receive real-time Desktop data through properties or attributes, the layout JSON must assign the appropriate $STORE values 41. Cisco's Desktop SDK widget walkthrough calls Desktop.config.init() in its sample widget code 39. Cisco's widget starter repository is boilerplate for React, Angular, and Web Components (Lit Element) widgets and uses the @wxcc-desktop/sdk package 40.
Header widget is clipped. The Desktop header container is only 64 pixels high, so header widgets should use a single-row layout 21. For iframe-based header widgets, Cisco recommends the style height:64px;display:flex 22.
Widget is invisible. Widgets in the headless section are hidden from the Agent Desktop and run logic in the background 24. The visibility property controls whether Cisco-offered widgets in a custom layout are shown, and its values are built in and defined in the default JSON file 53. Cisco names its offered widgets as Contact History, Cisco Webex Experience Management, IVR Transcript, Preview Campaign Call Guide, and Screen Pop 7.
Persistent widget tab is missing. Persistent widgets show on all Desktop pages, but they appear as a new tab in the Auxiliary Information pane only while there is an active contact request or conversation 33.
Custom page does not appear. A custom navigation page entry uses label, icon, iconType (momentumDesign or other), a unique navigateTo page name, and align (top or bottom), with isDefaultLandingPage optional 31. Cisco's navigation widget walkthrough defines custom pages in layout.json with paired nav and page objects 30.
Diagnosing blank iFrame widgets
The built-in widget agentx-wc-iframe places any web page into an iFrame as a Desktop widget 26. Cisco's Analyzer iFrame widget sample embeds an Analyzer report by changing the iFrame navigation widget's src in the layout JSON to the report URL, uploading the layout, and signing in to the team 4.
The CSP frame-ancestors directive names the parents allowed to embed a page in a frame, iframe, object, or embed, and the value 'none' is similar to X-Frame-Options: deny 18. frame-ancestors cannot be set in an HTML meta element and must be sent as an HTTP response header 19. WarmTransfer's reading of the sources is that an agentx-wc-iframe widget that renders blank or "refused to connect" most likely points at a page whose frame-ancestors or X-Frame-Options does not allow the Desktop's origin, and the fix belongs on the embedded site's response headers 25.
Collecting evidence for an administrator
When an API request or event fails to load data, the Desktop shows an error dialog whose Error Details link lets the user copy a Tracking ID for the administrator 49. An agent can download an error report from User Profile > Help > Download Error Report, even while the Desktop is recovering from a connection failure, and share it with an administrator 12. If the browser crashes before the error report is downloaded, the logs are gone after restart, so the agent has to wait for the problem to recur and then download the report 14.
Cisco's Agent Desktop troubleshooting article, as printed on 2025-02-24, lists browser minimums of Chrome 76.0.3809, Firefox ESR 68, and Edge Chromium 79 6. Whether these are still the current supported minimums is not covered by the sources below.
See also
- See also Customizing the Webex Contact Center Agent Desktop layout.
- See also Building a custom Webex Contact Center Agent Desktop widget.
- See also Webex Contact Center Agent Desktop and widgets.
- See also Troubleshooting Webex Contact Center screen pops and empty CAD variables.
- See also Webex Contact Center system limits reference.
- See also Cisco first-party Webex Contact Center repositories.
Applicability
Applies to: Cisco Webex Contact Center. Deployments: multi-tenant. Sources checked 2026-10-02.
What remains uncertain
The frame-ancestors value that Cisco documents for pages embedded with agentx-wc-iframe is not covered by the sources below. WarmTransfer's reading of the sources is that Cisco's layout administration articles reviewed here publish no catalogue of the validation or rejection messages Control Hub shows when a layout JSON upload fails 32. The content of the Desktop Developer Guide on widgets and the layout schema is not covered by the sources below. The Agent Desktop can show a banner at the top saying some features aren't available 17. The causes of that banner, and any workaround that reverts to the default layout, are not covered by the sources below. Whether agentx-wc-iframe supports an iframe allow attribute for camera or microphone access is not covered by the sources below. Widget bundle caching and cache-busting when a script URL must stay stable are not covered by the sources below. How a widget behaves when it omits Desktop.config.init() is not covered by the sources below. Whether an agent can change team without signing out, and which layout applies when a team's layout is deleted, are not covered by the sources below.
See also
Related
- Troubleshooting Webex Contact Center screen pops and empty CAD variables — Screen pop renders through layout-defined widgets; overlap on iframe embedding.
Troubleshoots
- Building a custom Webex Contact Center Agent Desktop widget — Widget-not-showing; blank iframe widget and script/comp misconfiguration symptoms.
- Customizing the Webex Contact Center Agent Desktop layout — Symptom-led counterpart to the layout build guide: upload; team assignment; reload and reset behaviour.
Referenced by
- Troubleshooting Microsoft Teams presence sync with Webex Contact Center — Desktop profile toggles (State synchronization and Display user details) gate what the agent sees.
- Troubleshooting Webex Contact Center screen pops and empty CAD variables — Screen Pop display depends on the Desktop Layout as well as the flow; layout faults overlap.
Sources
- 1Webex Contact Center allows up to 200 active desktop layouts.System limits in Webex Contact Center · configuration limits table, Desktop layouts / Active row · Checked 2026-10-02
- 2An agent who belongs to several teams probably gets the layout of the team picked at sign-in, so picking a different team is a likely cause of 'wrong layout' reports.inferredSign in to Agent Desktop · Sign in procedure, team selection step · Checked 2026-10-02
- 3An agent can restore the default view of a single page or widget with Edit Layout > Reset Layout and then confirming.Get started with Agent Desktop · Reset Layout section · Checked 2026-10-02
- 4Cisco's Analyzer iFrame widget sample embeds an Analyzer report by changing the iFrame navigation widget's src in the layout JSON to the report URL, uploading the layout, and signing in to the team.webex-contact-center-api-samples / widget-samples / iframe-widget-sample · README.md, implementation steps · Checked 2026-10-02
- 6Cisco's Agent Desktop troubleshooting article lists browser minimums of Chrome 76.0.3809, Firefox ESR 68 and Edge Chromium 79.Troubleshoot Webex Contact Center Agent Desktop · Browser Requirements section · Checked 2026-10-02
- 7Cisco names its offered widgets as Contact History, Cisco Webex Experience Management, IVR Transcript, Preview Campaign Call Guide and Screen Pop.Create custom desktop layout · Auxiliary Information Pane section · Checked 2026-10-02
- 8The comp property holds the custom HTML element name and is entered without angle brackets.Create custom desktop layout · widget property definitions, comp · Checked 2026-10-02
- 10Assigning a custom layout to a team overrides the Global Layout, which is the default layout for all teams.Manage desktop layouts · Create a desktop layout procedure, team selection step · Checked 2026-10-02
- 11A desktop layout must be set to Inactive before it can be deleted, and a confirmation prompt appears before removal.Manage desktop layouts · Delete a desktop layout section · Checked 2026-10-02
- 12An agent can download an error report from User Profile > Help > Download Error Report, even while the Desktop is recovering from a connection failure, and share it with an administrator.Download error reports · Download error reports procedure · Checked 2026-10-02
- 13The top-level dragDropEnabled property defaults to false; set it to true to allow drag-and-drop and resizing of widgets on custom pages.Create custom desktop layout · JSON Layout Top-Level Properties > dragDropEnabled · Checked 2026-10-02
- 14If the browser crashes before the error report is downloaded, the logs are gone after restart, so the agent has to wait for the problem to recur and then download.Download error reports · Download error reports procedure, note · Checked 2026-10-02
- 15The JSON examples in Cisco's layout article show a top-level version value of 0.1.0, but the article states no required or allowed values for it.Create custom desktop layout · JSON Layout Top-Level Properties code examples · Checked 2026-10-02
- 16If a feature enabled in the JSON layout does not appear on the Desktop, Cisco says to contact Cisco Support to enable it.Create custom desktop layout · JSON Layout Top-Level Properties (note) · Checked 2026-10-02
- 18The CSP frame-ancestors directive names the parents allowed to embed a page in a frame, iframe, object or embed; the value 'none' is similar to X-Frame-Options: deny.CSP: frame-ancestors · introduction and syntax notes · Checked 2026-10-02
- 19frame-ancestors cannot be set in an HTML meta element; it must be sent as an HTTP response header.CSP: frame-ancestors · note on meta element support · Checked 2026-10-02
- 20The Global Layout is system-generated, and when you create a team it is set automatically as that team's desktop layout.Create custom desktop layout · Overview section, Global Layout definition · Checked 2026-10-02
- 21The Desktop header container is only 64 pixels high, so header widgets should use a single-row layout.Create custom desktop layout · Header Widgets section · Checked 2026-10-02
- 22For iframe-based header widgets, Cisco recommends the style height:64px;display:flex.Create custom desktop layout · Header Widgets section · Checked 2026-10-02
- 23Agents cannot rearrange or resize header widgets or default page widgets such as Agent Performance Statistics.Get started with Agent Desktop · Drag-and-Drop and Resize section · Checked 2026-10-02
- 25An agentx-wc-iframe widget that renders blank or 'refused to connect' most likely points at a page whose frame-ancestors or X-Frame-Options does not allow the Desktop's origin; the fix belongs on the embedded site's response headers.inferredCSP: frame-ancestors · introduction; combined with cisco-help-ng08gqeb-custom-desktop-layout agentx-wc-iframe definition · Checked 2026-10-02
- 26The built-in widget agentx-wc-iframe places any web page into an iFrame as a Desktop widget.Create custom desktop layout · Navigation (Custom Pages) widget component description · Checked 2026-10-02
- 27A custom logo can be hosted on a CDN in PNG, JPG, JPEG, GIF, SVG or WebP, and an incorrect URL shows a broken image on the Desktop.Create custom desktop layout · JSON Layout Top-Level Properties > logo · Checked 2026-10-02
- 28Because Cisco auto-updates only unmodified layouts, a team on a modified or re-uploaded layout probably will not get new Cisco layout features until an administrator merges them into its JSON.inferredCreate custom desktop layout · Overview section, unmodified versus modified layout note · Checked 2026-10-02
- 29Drag-and-drop is not supported for additional custom components or widgets added to the More Actions drop-down list.Create custom desktop layout · Auxiliary Information Pane section (limitation note) · Checked 2026-10-02
- 32Cisco's layout administration articles reviewed here publish no catalogue of the validation or rejection messages Control Hub shows when a layout JSON upload fails.inferredManage desktop layouts · whole article; checked against cisco-help-ng08gqeb-custom-desktop-layout whole article · Checked 2026-10-02
- 33Persistent widgets show on all Desktop pages, but they appear as a new tab in the Auxiliary Information pane only while there is an active contact request or conversation.Create custom desktop layout · Persistent Widgets Configuration section · Checked 2026-10-02
- 34If you assign a new desktop layout while an agent is signed in, the agent must reload the page to see it.Create custom desktop layout · Overview section · Checked 2026-10-02
- 35An agent can restore the default view across all pages and custom tabbed widgets with User Profile > Reset Entire Desktop Layout.Get started with Agent Desktop · Reset Entire Desktop Layout section · Checked 2026-10-02
- 36Downloading Default Desktop Layout.json and uploading it again counts as a modified layout, even if the content is unchanged.Create custom desktop layout · Overview section, unmodified versus modified layout note · Checked 2026-10-02
- 37The optional script property of a widget is needed only when the widget or component loads from a remote location such as a CDN.Create custom desktop layout · widget property definitions, script · Checked 2026-10-02
- 38Cisco tells administrators not to change the script URL for the same component in the layout JSON.Create custom desktop layout · widget property definitions, script (note) · Checked 2026-10-02
- 39Cisco's Desktop SDK widget walkthrough calls Desktop.config.init() in its sample widget code.Leveraging the Webex Contact Center Agent Desktop SDK in Your Custom Widgets · sample widget code · Checked 2026-10-02
- 40Cisco's widget starter repository is boilerplate for React, Angular and Web Components (Lit Element) widgets and uses the @wxcc-desktop/sdk package.CiscoDevNet/webex-contact-center-widget-starter · README, overview and installation · Checked 2026-10-02
- 41For a custom widget to receive real-time Desktop data through properties or attributes, the layout JSON must assign the appropriate $STORE values.Create custom desktop layout · Share Data from Desktop to Widgets section · Checked 2026-10-02
- 42When a supervisor signs in to the Desktop, the layout of their primary team is applied.Create custom desktop layout · JSON Layout Top-Level Properties > Roles (supervisor) · Checked 2026-10-02
- 43An agent's custom Auxiliary Information pane tab order survives navigation, browser reload, cache clearing and sign-out, but the tab selection is lost when the cache is cleared.Get started with Agent Desktop · Auxiliary Information pane tab ordering · Checked 2026-10-02
- 44The selected Auxiliary Information pane tab resets to the default tab when the user signs out, reloads the browser, or clears the browser cache.Create custom desktop layout · Auxiliary Information Pane section · Checked 2026-10-02
- 45An agent chooses a team from the Team drop-down when signing in, and the Desktop's appearance depends on the layout the administrator configured.Sign in to Agent Desktop · Sign in procedure, team selection step and introduction · Checked 2026-10-02
- 46Changes to Teams and Desktop Layouts are linked bidirectionally, so an update to one can affect the other and both may appear together in audit logs.Manage desktop layouts · note on Teams and Desktop Layouts bi-directional relationship · Checked 2026-10-02
- 47For agent-based teams, the team create or edit page has a Desktop Layout drop-down for selecting the team's layout.Manage teams in Webex Contact Center · Create a team procedure, Desktop Layout field · Checked 2026-10-02
- 48After changing the notification timeout settings in the layout, the browser must be refreshed for the change to take effect.Create custom desktop layout · JSON Layout Top-Level Properties > notificationTimer · Checked 2026-10-02
- 49When an API request or event fails to load data, the Desktop shows an error dialog whose Error Details link lets the user copy a Tracking ID for the administrator.Resolve error issues · Resolve error issues procedure · Checked 2026-10-02
- 50Each widget needs a unique area name, and each component a unique identifying value.Create custom desktop layout · area and widget property definitions · Checked 2026-10-02
- 51With an unmodified layout, new layout-based features appear automatically, and Desktop users see them when they sign in or reload the browser.Manage desktop layouts · Create a desktop layout procedure, note on unmodified layouts · Checked 2026-10-02
- 52Creating a custom layout in Control Hub means downloading the Default Desktop Layout.json file, customising it, uploading the edited JSON, and clicking Create.Manage desktop layouts · Create a desktop layout procedure, steps 4-6 · Checked 2026-10-02
- 53The visibility property controls whether Cisco-offered widgets in a custom layout are shown, and its values are built in and defined in the default JSON file.Create custom desktop layout · Auxiliary Information Pane, visibility property · Checked 2026-10-02
- 54Cisco Developer Relations presents iFrame widgets and Web Components as the two ways to build custom Desktop widgets, both defined through layout.json.Unlocking the Power of Custom Widgets in Webex Contact Center · widget types section · Checked 2026-10-02
Documents
Create custom desktop layout
Download error reports
Get started with Agent Desktop
Manage desktop layouts
Manage teams in Webex Contact Center
Resolve error issues
Sign in to Agent Desktop
System limits in Webex Contact Center
Troubleshoot Webex Contact Center Agent Desktop
CiscoDevNet/webex-contact-center-widget-starter
webex-contact-center-api-samples / widget-samples / iframe-widget-sample
Enhancing Agent Productivity by Creating Navigation Widgets in Webex Contact Center
Leveraging the Webex Contact Center Agent Desktop SDK in Your Custom Widgets
Unlocking the Power of Custom Widgets in Webex Contact Center
CSP: frame-ancestors
Cite this page
APA
WarmTransfer. (2026, October 2). Troubleshooting Webex Contact Center desktop layout and widget errors. WarmTransfer. https://warmtransfer.net/knowledge/wxcc-desktop-layout-troubleshooting
BibTeX
@misc{warmtransfer-wxcc-desktop-layout-troubleshooting,
title = {Troubleshooting Webex Contact Center desktop layout and widget errors},
author = {{WarmTransfer}},
year = {2026},
url = {https://warmtransfer.net/knowledge/wxcc-desktop-layout-troubleshooting},
note = {Verified 2026-10-02}
}