Sections in more detail

Sample description

The sample layout uses commands such as @RENDER section to place output generated in the content page. Alternatively, the method :renderSection(cSection) can be used instead of the command. In addition, using ::hasSection() allows verification of whether a content page defines the requested section.
The composition engine of the CXP infrastructure introduces a concept called sections. Content pages define sections, layout pages use sections. To effectively use sections, you can create sections and make them current using the @SECTION command. The page output then goes into this current section. The command @RENDER can be used to render sections in a layout page. The method ::hasSection() can be used in a layout page to check if a content page has created a section.

Layout management

Run in new tab

Live editor

<!DOCTYPE html>
<html>
    <head>
        <title>Layout with sections | @(Version()) | Alaska Software</title>
        <link rel="stylesheet" href="/resources/css/custom-bootstrap.min.css">
    </head>

<body>
            <div class="container">
                <div class="card my-4">
                    <div class="card-header bg-primary text-white">MyApplication</div>
                    <div class="card-body">
                        <h5 class="card-title">
                            
                            @RENDER Body
                        </h5>
                    </div>
                    <div class="card-footer text-muted">
                        
                        @RENDER Footer
                    </div>
                </div>

<%
                    /* Using the :HasSection() method, a layout can check if the content
                    * page defines a section. If not, some default content is rendered
                    * instead.
                    */
                    IF(::HasSection("test_1"))
                        ::RenderSection("test_1")
                    ELSE
                        ? "<p>No details available for optional section</p>"
                    ENDIF
                %>

</div>
    </body>
</html>

                    Result
                    built with V2 2156
                

Sections in more detail

Related articles: