Jahia DX > Customizing Layout

0 (0 Good)
0 (0 Bad)

Customizing Layout

by  maximelevesqu »  2011/06/07 18:05

Hi, how can I change the layout of a template, for example the 'home' template
of the 'template-web-blue' template set ?

I see only one jsp file in here :

Jahia_65_BETA3_DEMOPACK\tomcat\webapps\ROOT\modules\templates-web-blue

Which corresponds to outermost section of every page for this template set.

I'm looking for the file that defines the layout of the home page template.

Thanks

  (maximelevesqu)

Number of messages  2
Registration date
0 (0 Good)
0 (0 Bad)

Re: Customizing Layout

by  rvt »  2011/06/07 18:05

Max,

if you change into studio mode of jahia you will se that all other pages are based on one jsp file with the name : jnt_template/html/template.templates-web-blue.jsp within a template set.

I am pretty sure that it needs to be done because of the "Absolute Area's" you can create (areas that are 'static/ the same' thought a complete website like headers and footers and may be even menu's. A Jahia guru can properly confirm that.....

Within that template-set you can create page templates and add a layout. Some layouts are already pre-defined, like Predefined Rows (960s), but I am sure you can also create your own layouts.

So far I notice that my jsp file in the template directory is pretty simple and contains the minimum code that contains:


    Top Menu Area
    Top logo area
    Main content
    Footer
    Footer menu

Everything two or 3 columns, or different layouts are completely based on layouts done in studio mode within Jahia.

Ries

  • Re: Customizing Layout
    2011/06/30 15:43

    rvt <p> Max,<br /> <br /> if you change into studio mode of jahia you will se that all other pages are based on one jsp file with the name : jnt_template/html/template.templates-web-blue.jsp within a template set.</p> <p> <meta charset="utf-8" /> I am pretty sure that it needs to be done because of the &quot;Absolute Area&#39;s&quot; you can create (areas that are &#39;static/ the same&#39; thought a complete website like headers and footers and may be even menu&#39;s. A Jahia guru can properly confirm that.....<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> <br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> Within that template-set you can create page templates and add a layout. Some layouts are already pre-defined, like Predefined Rows (960s), but I am sure you can also create your own layouts.<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> <br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> So far I notice that my jsp file in the template directory is pretty simple and contains the minimum code that contains:</p> <br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 3em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> Top Menu Area<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> Top logo area<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> Main content<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> Footer<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> Footer menu </ul> <br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> <p> Everything two or 3 columns, or different layouts are completely based on layouts done in studio mode within Jahia.<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> <br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /> Ries</p>

  • Number of messages  185
    Registration date Jun 7, 2011
    Contact
    Share
    Feedback

    Get in touch

    Whether you are a current user or if you are just evaluating Jahia, we are here to help.

    Contact us

    Share this page