{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":35445,"path":"now-intelligence/create-tech-db-in-ac.md","title":"Create a technical dashboard in UI Builder","bundle":null,"doc_type":null,"release":"australia","body":"\n# Create a technical dashboard in UI Builder\n\nFollow 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.\n\n## Before you begin\n\nCreating dashboards in UI Builder is recommended for developers. For more information, see .\n\nIt isn’t possible to edit the dashboard's details in the Analytics Overview when you create a dashboard in the Technical Editor. However, you can share a technical dashboard from the Analytics Overview.\n\n**Note:** Data visualizations based on table data are automatically shared with users that you share a dashboard with.\n\nRole required: ui\\_builder\\_admin\n\n## About this task\n\nThe 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.\n\n## Procedure\n\n1.  Navigate to **All** > **Platform Analytics** > **Library** > **Dashboards**.\n\n2.  Select **Create new dashboard**.\n\n3.  Choose **Technical editor**.\n\n    \\[Omitted image \"tech-editor-create-modal.png\"\\] Alt text: Create new technical dashboard modal\n\n    **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.\n\n4.  Provide a name and description of the dashboard you are going to create and select **Create new dashboard**.\n\n    The Technical editor option opens an empty dashboard.\n\n5.  Select **Edit in UI Builder**.\n\n6.  In the Content tree view, add layouts or container components.\n\n    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.\n\n7.  On the right side of the UI Builder, in the **Styles** tab, choose a layout.\n\n    Layouts organize container content in patterns.\n\n    -   Choose **Grid** to specify the number of rows and columns in the selected container. For more information, see .\n    -   Choose **Flexbox** for more flexibility in the layouts between containers. For more information, see .\n8.  Add a component to the container.\n\n    Select it from the **Components** menu on the left or click the Add content \\(**+**\\) icon in the staging area.\n\n    The **Configure** panel on the right enables you to configure the component you’ve chosen.\n\n    \\[Omitted image \"dashboard-add-component.png\"\\] Alt text: Component menu in UI Builder.\n\n9.  Add more containers, components, and configurations.\n\n10. 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 on a technical dashboard](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/now-intelligence/add-custom-drilldown-event.md).\n\n11. Click **Save** at any time to save the changes you've made to the dashboard.\n\n\n**Parent Topic:**[Technical dashboards](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/now-intelligence/technical-dashboards.md)\n\n**Related topics**  \n\n\n[Data visualizations in Platform Analytics](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/now-intelligence/analytics-center-data-visualizations.md)\n\n[Filters in Platform Analytics](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/now-intelligence/interactive-filters-workspace.md)\n\n"}}