# Front End

## New ContentBox Theme

We have a new official UI theme that you will come to love. It has over 10 different skins and configurations that will give you a plethora of configuration patterns for your site. It is based on bower and grunt assets, so you can easily fork and customize.

![](/files/-LA-Un1hjPcLzh_n5kPY)

![](/files/-LA-Uo4Um6w8Mnik0p90)

## RESTFul Response Formats

The UI module now allows you to be able to export your pages, or blog entries in many response formats by adding the formats as extensions to the URL or using a `?format=XXX` URL variable.

* json
* XML
* PDF
* word

```
http://localhost/home.json
http://localhost/blog.json
http://localhost/blog/websockets.xml
```

The JSON and XML support means you can now build alternative UI modules based on modern JavaScript or other language frameworks. This is a game changer for ContentBox as it will provide you with the ability to export any piece of content or blog in a tranportable RESTFul format. You can get a response format from any page, blog entry, blog archive, and blog filters.

## JSON Output

```javascript
{
    "HTMLDescription": "",
    "HTMLKeywords": "",
    "allowComments": false,
    "categories": [
        {
            "category": "coldbox",
            "slug": "coldbox"
        }
    ],
    "children": [],
    "comments": [],
    "content": "<p>Support services</p>\r\n\r\n<p><p>Sorry, no related content was found.</p></p>\r\n\r\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.</p>",
    "contentID": 147,
    "contentType": "Page",
    "createdDate": "20 Jul 2013 03:38 PM",
    "customfields": [],
    "excerpt": "",
    "expireDate": "N/A",
    "featuredImageURL": "",
    "isDeleted": false,
    "modifiedDate": "May 3, 2016 4:23:25 PM CDT",
    "publishedDate": "20 Jul 2013 03:38 PM",
    "relatedcontent": [],
    "showInMenu": true,
    "slug": "support",
    "title": "support"
}
```

### XML Output

```markup
<?xml version="1.0" encoding="utf-8"?>
<page>
    <content>&lt;p&gt;Support services&lt;/p&gt;
&lt;p&gt;&lt;p&gt;Sorry, no related content was found.&lt;/p&gt;&lt;/p&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.&lt;/p&gt;</content>
    <children>
        <array/>
    </children>
    <excerpt/>
    <isdeleted>false</isdeleted>
    <relatedcontent>
        <array/>
    </relatedcontent>
    <htmldescription/>
    <slug>support</slug>
    <createddate>20 Jul 2013 03:38 PM</createddate>
    <contentid>147</contentid>
    <publisheddate>20 Jul 2013 03:38 PM</publisheddate>
    <showinmenu>true</showinmenu>
    <categories>
        <array>
            <item>
                <struct>
                    <slug>coldbox</slug>
                    <category>coldbox</category>
                </struct>
            </item>
        </array>
    </categories>
    <contenttype>Page</contenttype>
    <expiredate>N/A</expiredate>
    <modifieddate>May 3, 2016 4:23:25 PM CDT</modifieddate>
    <customfields>
        <array/>
    </customfields>
    <comments>
        <array/>
    </comments>
    <title>support</title>
    <featuredimageurl/>
    <allowcomments>false</allowcomments>
    <htmlkeywords/>
</page>
```

### New Rendering Cache Headers

A new header will be sent to the browser if a content page is cached: `x-contentbox-cached-content`. This can provide proxies or cache engines the ability to tell when a page is cached by ContentBox.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://contentbox.ortusbooks.com/v3.x/intro/introduction/whats-new-with-3.0.0/front-end.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.