Modules examples

Collection

<div class="collection">
    <ul
            wf-module="wfed/composite/module"
            wf-new
            wf-role="collection"
            class="rel"
    >
        <li
                wf-module="wfed/composite/module"
                wf-new
                wf-role="collection-item"
                wf-collection-item
        >
            <h3>
                <a
                        wf-module="wfed/body_text/module"
                        wf-new
                        wf-role="title"
                        wf-toolbar-position="none"
                        wf-bind="cmText:page_title,href"
                ></a>
            </h3>
        </li>
    </ul>
</div>

Slider

<div class="media">
    <div
            wf-module="wfed/composite/module"
            wf-new
            wf-role="collection"
    >
        <div class="slider">
            <div
                    wf-module="wfed/composite/module"
                    wf-new
                    wf-role="collection-item"
                    wf-collection-item
                    class="slide"
                    wf-bind="wfSlide"
            >
            </div>
         </div>
    </div>
</div>

Note the extra wrapping <div class="slider"> - this is required by the slider plugin.

Add/remove class (Article image)

data-bind="classes:{'article-no-image':not(image_id)}"