Introduction

The @layout.* macro/widget defines the basic layout of your FTL. Simply embed the content of your page inside one of the layout macros and code the page with HMTL tags and appropriate CSS classes, you should get a decent looking page.

Available Layouts

The following layouts are supported. More are forthcoming.

• @layout.basic - simple layout with no side panel
• @layout.webflow - used with Spring Web Flow. Includes a progress tracker at the top of the page. See below.

@layout.webflow

If you are working with Spring Web Flow, @layout.webflow will add a progress tracker for you automatically. All you have to do is pass in "currentState", "states", and "currentTab" to the macro:

[@layout.webflow currentTab="ClientsAndAccounts"
                 currentState="createSavingsAccount.flowState.selectCustomer"
                 states=["createSavingsAccount.flowState.selectCustomer",
                         "createSavingsAccount.flowState.enterAccountInfo",
                         "createSavingsAccount.flowState.reviewAndSubmit"]]

...
[/@layout.webflow]

where currentState is the current webflow state, states is a sequence of web flow states and currentTab is admin tab to highlight.