Product Selector

Fusion 5.12
    Fusion 5.12

    Timeline

    Table of Contents

    Default

    Example

    <layout:grid>
        <layout:block>
            <!-- Entry -->
            <div styling="timeline-entry">
                <layout:grid>
                    <layout:block medium="7-24" large="1-3" styling="timeline-time">
                        <layout:box padding-right="2">
                            <h2>October 26, 2016</h2>
                            <h4>1:22pm – 1:37pm</h4>
                        </layout:box>
                    </layout:block>
                    <layout:block medium="17-24" large="14-24" styling="timeline-content">
                        <layout:box padding-left="2">
                            <div styling="panel text-left">
                                <h3>Lot Shipped</h3>
                                <p>From: Warehouse 3, Row 6, Level -2</p>
                                <p>To: XY Distribution Pharma, Texas</p>
                                <p>Docket Ref: dsg246475g</p>
                            </div>
                        </layout:box>
                    </layout:block>
                </layout:grid>
            </div>
            <!-- Entry -->
            <div styling="timeline-entry">
                <layout:grid>
                    <layout:block medium="7-24" large="1-3" styling="timeline-time">
                        <layout:box padding-right="2">
                            <h2>October 25, 2016</h2>
                            <h4>3:22pm – 8:22am</h4>
                        </layout:box>
                    </layout:block>
                    <layout:block medium="17-24" large="14-24" styling="timeline-content">
                        <layout:box padding-left="2">
                            <div styling="panel text-left">
                                <h3>Lot Shipped</h3>
                                <p>From: Warehouse 3, Row 6, Level -2</p>
                                <p>To: XY Distribution Pharma, Texas</p>
                                <p>Docket Ref: dsg246475g</p>
                            </div>
                        </layout:box>
                    </layout:block>
                </layout:grid>
            </div>
        </layout:block>
    </layout:grid>