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
  • Customizing Layout
    2011/06/07 18:05

    maximelevesqu Hi, how can I change the layout of a template, for example the 'home' template<br/>of the 'template-web-blue' template set ?<br/><br/>I see only one jsp file in here :<br/><br/> Jahia_65_BETA3_DEMOPACK\tomcat\webapps\ROOT\modules\templates-web-blue<br/><br/>Which corresponds to outermost section of every page for this template set.<br/><br/>I'm looking for the file that defines the layout of the home page template.<br/><br/>Thanks

  • Number of messages  2
    Registration date Jun 7, 2011
    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