--- sourceDocument: Xanadu Platform Analytics sourceDocumentLink: https://www.servicenow.com/docs/r/xanadu/now-intelligence Release : - xanadu ft:locale : - en-US ft:publication_title : - Xanadu Platform Analytics ft:clusterId : - par bundleId : - par workflow : - Platform --- # Create a technical dashboard # Create a technical dashboard in UI Builder {#ariaid-title1} * Release version: Xanadu * * Updated August 1, 2024 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read Follow the Technical Editor option to create a dashboard using UI Builder. In UI Builder, you can use a wider range of features than the inline editor, including scripting and data binding. ## Before you begin Creating dashboards in UI Builder is recommended for developers. For more information, see [UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US). It isn't possible to edit the dashboard's details in the Analytics Center when you create a dashboard in the Technical Editor. However, you can share a technical dashboard from the Analytics Center. Note: Data visualizations based on table data are automatically shared with users that you share a dashboard with. Role required: ui_builder_admin ## About this task The technical editor lets you add any UI Builder component to your dashboard. You can also use all other UI Builder features, such as data resources, client scripts, and data binding of configuration properties. The technical editor creates dashboards in a special workspace named Advanced Dashboards, which is available under My Experiences in the UI Builder. ## Procedure 1. Navigate to AllPlatform AnalyticsLibraryDashboards. 2. Select Create new dashboard. 3. Choose Technical editor. Warning: Do not try to create dashboards directly in the Advanced Dashboards experience on the UI Builder. Always begin in runtime from the Platform Analytics library. When you begin the technical dashboard in the library, it has an automatic connection to the par_dashboards table and is listed in the Dashboard overview component. 4. Provide a name and description of the dashboard you are going to create and select Create new dashboard. The Technical editor option opens an empty dashboard. 5. Select Edit in UI Builder. 6. In the Content tree view, add layouts or container components. Containers hold dashboard components including data visualizations, static text boxes, and images. If you're creating a tabbed dashboard, you can create each tab as a container under the parent Tabs component. For more information, see the [Tabs component reference](https://developer.servicenow.com/dev.do#!/reference/next-experience/utah/now-components/now-uxf-tab-set/overview) on the Developer Site. 7. On the right side of the UI Builder, in the Styles tab, choose a layout. Layouts organize container content in patterns. * Choose Grid to specify the number of rows and columns in the selected container. For more information, see [Using CSS Grid layouts to build a page](https://www.servicenow.com/docs/access?context=css-grid-uib&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US). * Choose Flexbox for more flexibility in the layouts between containers. For more information, see [Using Flexbox layouts in UI Builder](https://www.servicenow.com/docs/access?context=flexbox-uib&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US). {#create-tech-db-in-ac__ul_qlt_22s_l5b} 8. Add a component to the container. Select it from the Components menu on the left or click the Add content (+) icon in the staging area. The Config panel on the right enables you to configure the component you've chosen. 9. **Optional:** Add more containers, components, and configurations. 10. If you have added a data visualization component and you want viewers to drill down to a more detailed data view from that component, follow the instructions in [Add a drilldown event to a data visualization in a technical dashboard](https://www.servicenow.com/docs/Z1oNn2RmExZLyjlEROqYbw "Technical dashboards do not support preconfigured destinations for drilling down from a data visualization. If you want a viewer to open a more detailed view of the data when they interact with a visualization, configure a custom drilldown event."). 11. Click Save at any time to save the changes you've made to the dashboard. **Related concepts** * [Data visualizations in Platform Analytics](https://www.servicenow.com/docs/cTK92MA3IiY1_3pv041ktA "Data Visualizations use graphics to show table, indicator, and other data. They combine and extend the functions of reports and Performance Analytics widgets from the Core UI.") * [Filters in Platform Analytics](https://www.servicenow.com/docs/dLtrHm3CmdIO7YIX95Vpbg "Filter lists and data visualizations on an inline or technical dashboard. Filter by possible data value, by whether the value is true or false, or by date.") **Related tasks** * [Add a drilldown event to a data visualization in a technical dashboard](https://www.servicenow.com/docs/Z1oNn2RmExZLyjlEROqYbw "Technical dashboards do not support preconfigured destinations for drilling down from a data visualization. If you want a viewer to open a more detailed view of the data when they interact with a visualization, configure a custom drilldown event.") * [Configure an event handler for a Filter component](https://www.servicenow.com/docs/YcSy5Ll8pBkxYPTQTrAdMg "On a technical dashboard, configure a special client script-based event handler for a Filter component so it can be followed by any Lists or Data Visualizations. It is not necessary to configure an event handler for filters on inline dashboards.") * [Use a local data instance with a data visualization](https://www.servicenow.com/docs/mAzftPtXzyvdwJ1wxcMBaw#dv-local-data-instance "For finer grained control of the data source than you have with preconfigured data sources, create a local data instance. Then bind the local data instance to the dataPassthrough property of the data visualization.") **Related reference** * [Technical dashboards compared to inline dashboards](https://www.servicenow.com/docs/7XX4XxiQuX4uZe2Y6TUdTA "The inline editor produces dashboard components with events and page properties preconfigured. The technical editor allows for a full range of UIB components but requires more backend configuration.") *[\>]: and then