Confluence AUI Layout with standard decorator
Asked by Heiko:

Hello everybody, i would like layout my page with the [hybrid](https://docs.atlassian.com/aui/8.6.0/docs/page.html) layout in the and the atl.general page decorator to have the standar Confluence(6.14.0) navbar but nothing hapens. Someone have a reason???

Layout

\<html\>  
\<head\>  
\<title\>MyServlett Admin\</title\>  
\<meta name="decorator" content="atl.general"\>  
$webResourceManager.requireResource("de.tet.t.ter:resources")  
\</head\>  
\<body class='aui-page-hybrid' \>  
\<form id="admin" class="aui"\>  
\<div class="field-group"\>  
\<label for="name"\>Name:\</label\>  
\<input type="text" id="name" name="name" class="text"\>  
\</div\>  
\<div class="field-group"\>  
\<label for="age"\>Age:\</label\>  
\<input type="text" id="age" name="age" class="text"\>  
\</div\>  
\<div class="field-group"\>  
\<input type="submit" value="Save" class="button"\>  
\</div\>  
\</form\>  

\<div class="aui-group"\>  
\<div class="aui-item"\>  
\<table class="aui"\>  
\<thead\>  
\<tr\>  
\<th id="basic-number"\>#\</th\>  
\<th id="basic-fname"\>First name\</th\>  
\<th id="basic-lname"\>Last name\</th\>  
\<th id="basic-username"\>Username\</th\>  
\</tr\>  
\</thead\>  
\<tbody\>  
\<tr\>  
\<td headers="basic-number"\>1\</td\>  
\<td headers="basic-fname"\>Matt\</td\>  
\<td headers="basic-lname"\>Bond\</td\>  
\<td headers="basic-username"\>mbond\</td\>  
\</tr\>  
\<tr\>  
\<td headers="basic-number"\>2\</td\>  
\<td headers="basic-fname"\>Ross\</td\>  
\<td headers="basic-lname"\>Chaldecott\</td\>  
\<td headers="basic-username"\>rchaldecott\</td\>  
\</tr\>  
\<tr\>  
\<td headers="basic-number"\>3\</td\>  
\<td headers="basic-fname"\>Henry\</td\>  
\<td headers="basic-lname"\>Tapia\</td\>  
\<td headers="basic-username"\>htapia\</td\>  
\</tr\>  
\</tbody\>  
\</table\>

\</div\>  
\<div class="aui-item"\>  
\<table class="aui"\>  
\<thead\>  
\<tr\>  
\<th id="basic-number"\>#\</th\>  
\<th id="basic-fname"\>First name\</th\>  
\<th id="basic-lname"\>Last name\</th\>  
\<th id="basic-username"\>Username\</th\>  
\</tr\>  
\</thead\>  
\<tbody\>  
\<tr\>  
\<td headers="basic-number"\>1\</td\>  
\<td headers="basic-fname"\>Matt\</td\>  
\<td headers="basic-lname"\>Bond\</td\>  
\<td headers="basic-username"\>mbond\</td\>  
\</tr\>  
\<tr\>  
\<td headers="basic-number"\>2\</td\>  
\<td headers="basic-fname"\>Ross\</td\>  
\<td headers="basic-lname"\>Chaldecott\</td\>  
\<td headers="basic-username"\>rchaldecott\</td\>  
\</tr\>  
\<tr\>  
\<td headers="basic-number"\>3\</td\>  
\<td headers="basic-fname"\>Henry\</td\>  
\<td headers="basic-lname"\>Tapia\</td\>  
\<td headers="basic-username"\>htapia\</td\>  
\</tr\>  
\</tbody\>  
\</table\>

\</div\>  
\</div\>

\</body\>  
\</html\>

Plugin.xml:

\<?xml version="1.0" encoding="UTF-8"?\>

\<atlassian-plugin key="${atlassian.plugin.key}" name="${project.name}" plugins-version="2"\>  
\<plugin-info\>  
\<description\>${project.description}\</description\>  
\<version\>${project.version}\</version\>  
\<vendor name="${project.organization.name}" url="${project.organization.url}"/\>  
\<param name="plugin-icon"\>images/pluginIcon.png\</param\>  
\<param name="plugin-logo"\>images/pluginLogo.png\</param\>  
\</plugin-info\>  
\<!-- add our i18n resource --\>  
\<resource type="i18n" name="i18n" location="ter"/\>  
\<!-- add our web resources --\>  
\<web-resource key="ter-resources" name="ter Web Resources"\>  
\<dependency\>com.atlassian.auiplugin:ajs\</dependency\>  
\<dependency\>com.atlassian.auiplugin:aui-page-layout\</dependency\>  
\<resource type="download" name="ter.css" location="/css/ter.css"/\>  
\<resource type="download" name="images/" location="/images"/\>  
\<resource type="download" name="ter.js" location="/js/ter.js"/\>  
\<context\>main\</context\>  
\</web-resource\>  

\<web-item name="test0" i18n-name-key="test-0.name" key="test-0" section="system.header/left" weight="1000"\>  
\<description key="test-0.description"\>The test0 Plugin\</description\>  
\<label key="test-0.label"/\>

\<link linkId="google_home"\>#\</link\>  
\<condition class="de.test.tet.terr"\>  
\<param name="group"\>test\</param\>  
\</condition\>  
\</web-item\>  

\<servlet name="My Groups" i18n-name-key="my-groups.name" key="my-groups" class="de.tet.t.servlet.MyGroups"\>  
\<description key="my-groups.description"\>The My Groups Plugin\</description\>  
\<url-pattern\>/mygroups\</url-pattern\>  
\</servlet\>

\</atlassian-plugin\>


Answers:
author: Shannon S
body: Hello Heiko,

Thank you for contacting us about this.

Could you help us to understand exactly what you're trying to do? Are you developing an add-on for Confluence or trying to [create a theme](https://confluence.atlassian.com/doc/creating-a-theme-147624.html)?

If so, I would recommend that you head over to our [Atlassian Developer Community](https://developer.atlassian.com/resources) instead. There, you'll find many people who work regularly with developing for our products, and they'll be able to help you out with this.

Regards,

Shannon


Tags: confluence-server