Product Selector

Fusion 5.12
    Fusion 5.12

    Panel

    Table of Contents

    Default

    Example

    <div styling="panel">
        <h3 styling="title">Panel Header</h3>
    
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A blanditiis commodi corporis, culpa ea eius error molestias necessitatibus numquam odit, officia possimus quae quasi quis quisquam quos rerum unde, voluptas.</p>
        <br>
    
        <div styling="footer">
            <p>Panel footer</p>
        </div>
    </div>

    Using a result

    Example

    <search:result result="response | result:5">
        <layout:grid>
            <layout:block md="1-2">
                <div styling="stretch-content">
                    <div styling="center aligned panel center-content">
                        <search:field name="born_city" styling="title"></search:field>
                        <search:field name="full_name" styling="description" value-element="h3"></search:field>
                        <div styling="footer">
                            <search:field name="motivation" styling="description"></search:field>
                        </div>
                    </div>
                </div>
            </layout:block>
        </layout:grid>
    </search:result>