Creating a custom layout within a custom themeCreating a custom layout within a custom themehttps://liferay.dev/en/c/message_boards/find_thread?p_l_id=119785333&threadId=1142731982024-03-29T13:12:56Z2024-03-29T13:12:56ZRE: Creating a custom layout within a custom themeAndrew Jardinehttps://liferay.dev/en/c/message_boards/find_message?p_l_id=119785333&messageId=1144203702019-07-24T17:33:23Z2019-07-24T17:33:23Z<html><head></head><body>Hey Kevin, One strange thing I noticed is that your second column has an id="column-8".<pre><code><div class="portlet-column span4" id="column-8">
$processor.processColumn("column-2", "portlet-column-content")
</div>
</code></pre>It's been a while since I have created a custom layout, but maybe that has to be id="column-2"?</body></html>Andrew Jardine2019-07-24T17:33:23ZRE: Creating a custom layout within a custom themeMohammed Yasinhttps://liferay.dev/en/c/message_boards/find_message?p_l_id=119785333&messageId=1143920312019-07-23T12:02:34Z2019-07-23T12:02:34ZHi,<br /> This issue might be because of theme name/id , delete the old theme from server and deploy again.Mohammed Yasin2019-07-23T12:02:34ZCreating a custom layout within a custom themeKevin Neibargerhttps://liferay.dev/en/c/message_boards/find_message?p_l_id=119785333&messageId=1142731972019-07-12T21:14:28Z2019-07-12T21:14:28ZI've created a new .tpl file for a new layout that has 3 columns with specific colspans<br /><br /><div class="columns-for-compass" id="main-content" role="main"><br /> <div class="portlet-layout row-fluid"><br /> <div class="portlet-column portlet-column-first span2" id="column-1"><br /> $processor.processColumn("column-1", "portlet-column-content portlet-column-content-first")<br /> </div><br /><br /> <div class="portlet-column span4" id="column-8"><br /> $processor.processColumn("column-2", "portlet-column-content")<br /> </div><br /><br /> <div class="portlet-column portlet-column-last span2" id="column-3"><br /> $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last")<br /> </div><br /> </div><br /></div><br /><br />This file is called compass-layout.tpl and I've included it in my custom theme under /docroot/WEB-INF/src/layouttpl/custom/ folder. And my liferay-look-and-feel.xml looks like this<br /><br /><?xml version="1.0"?><br /><!DOCTYPE look-and-feel PUBLIC "-//Liferay//DTD Look and Feel 6.2.0//EN" "http://www.liferay.com/dtd/liferay-look-and-feel_6_2_0.dtd"><br /><br /><look-and-feel><br /> <compatibility><br /> <version>6.2.2+</version><br /> </compatibility><br /> <theme id="compass" name="Compass Theme"><br /> <br /> <layout-templates><br /> <custom><br /> <layout-template id="compass-new-layout" name="3 Columns - Compass"><br /> <template-path>/WEB-INF/src/layoutttpl/custom/compass-layout.tpl</template-path><br /> <wap-template-path>/WEB-INF/src/layoutttpl/custom/compass-layout.tpl</wap-template-path><br /> <thumbnail-path>/images/thumbnail.png</thumbnail-path><br /> </layout-template><br /> <br /> </custom><br /> </layout-templates><br /> <br /> </theme><br /></look-and-feel><br /><br />When I build and deploy this theme, I go to a Site Page settings and I can see the layout under the Details section of the page as "3 Columns - Compass" but when I select and Save it I see an error page "Site Pages is temporarily unavailable". And the logs only show<br /><br />21:12:29,603 ERRO