---
sourceDocument: Xanadu ServiceNow AI Platform user interface
sourceDocumentLink: https://www.servicenow.com/docs/r/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Configure DIV-based layouts

# Configure DIV-based layouts {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

After you create your site, you can change the site layout with DIV tags.

## Before you begin

Role required: content_admin or admin

## About this task

Many web page layouts use tables for a consistent look and feel. Tables are effective
for numbers and statistics, but can be limiting for designing other types of
information. DIV tags are flexible block-element tags. To use DIV tags for layouts,
give the tag an ID and assign attributes using CSS.  
Changing to CSS and DIV tags help in the following ways:

* simplify code
* reduce the amount of code
* increase page load speed
* separate content from presentation
* help pages adapt to different device resolutions
* make pages easier for search engines to crawl
* make code more compliant with evolving web page design standards
{#t_ConfigureDivBasedLayouts__ul_uxp_snf_xt}

A theme named Administration Theme - Charcoal is included as
an example of CSS-driven, DIV-based layouts. To view the Administration Theme - Charcoal DIV-based layout, complete the following steps.

## Procedure

1. Navigate to AllContent ManagementDesignLayouts.
2. Click Admin 1 Column
3. Review the code.

*[\>]: and then