<header class="xblock-header"> <div class="xblock-header-primary"> <div class="header-details"> <span class="xblock-display-name">Test Container</span> </div> <div class="header-actions"> <ul class="actions-list"> </ul> </div> </div> </header> <article class="xblock-render"> <div class="xblock" data-locator="locator-container" data-request-token="page-render-token" data-init="MockXBlock" data-runtime-class="StudioRuntime" data-runtime-version="1"> <div class="container-paging-header"></div> <div class="studio-xblock-wrapper" data-locator="locator-group-A"> <section class="wrapper-xblock level-nesting"> <header class="xblock-header"> <div class="xblock-header-primary"> <div class="header-details"> <a href="#" data-tooltip="Expand or Collapse" class="action expand-collapse expand"> <span class="icon fa fa-caret-down ui-toggle-expansion" aria-hidden="true"></span> <span class="sr">Expand or Collapse</span> </a> <span class="xblock-display-name">Group A</span> </div> <div class="header-actions"> <ul class="actions-list"> <li class="action-item action-drag"> <span data-tooltip="Drag to reorder" class="drag-handle action"></span> </li> </ul> </div> </div> </header> <article class="xblock-render"> <div class="xblock" data-request-token="page-render-token"> <div> <div class="studio-xblock-wrapper" data-locator="locator-component-A1"> <section class="wrapper-xblock level-element"> <header class="xblock-header"> <div class="xblock-header-primary"> <div class="header-actions"> <ul class="actions-list"> <li class="action-item action-edit"> <a href="#" class="edit-button action-button"></a> </li> <li class="action-item action-duplicate"> <a href="#" class="duplicate-button action-button"></a> </li> <li class="action-item action-delete"> <a href="#" class="delete-button action-button"></a> </li> <li class="action-item action-drag"> <span data-tooltip="Drag to reorder" class="drag-handle action"></span> </li> </ul> </div> </div> </header> <article class="xblock-render"></article> </section> </div> <div class="studio-xblock-wrapper" data-locator="locator-component-A2"> <section class="wrapper-xblock level-element"> <header class="xblock-header"> <div class="header-actions"> <div class="xblock-header-primary"> <ul class="actions-list"> <li class="action-item action-edit"> <a href="#" class="edit-button action-button"></a> </li> <li class="action-item action-duplicate"> <a href="#" class="duplicate-button action-button"></a> </li> <li class="action-item action-delete"> <a href="#" class="delete-button action-button"></a> </li> <li class="action-item action-drag"> <span data-tooltip="Drag to reorder" class="drag-handle action"></span> </li> </ul> </div> </div> </header> <article class="xblock-render"></article> </section> </div> <div class="studio-xblock-wrapper" data-locator="locator-component-A3"> <section class="wrapper-xblock level-element"> <header class="xblock-header"> <div class="xblock-header-primary"> <div class="header-actions"> <ul class="actions-list"> <li class="action-item action-edit"> <a href="#" class="edit-button action-button"></a> </li> <li class="action-item action-duplicate"> <a href="#" class="duplicate-button action-button"></a> </li> <li class="action-item action-delete"> <a href="#" class="delete-button action-button"></a> </li> <li class="action-item action-drag"> <span data-tooltip="Drag to reorder" class="drag-handle action"></span> </li> </ul> </div> </div> </header> <article class="xblock-render"></article> </section> </div> </div> <div class="add-xblock-component new-component-item adding"></div> </div> </article> </section> </div> <div class="studio-xblock-wrapper" data-locator="locator-group-B"> <section class="wrapper-xblock level-nesting"> <header class="xblock-header"> <div class="xblock-header-primary"> <div class="header-details"> <a href="#" data-tooltip="Expand or Collapse" class="action expand-collapse expand"> <span class="icon fa fa-caret-down ui-toggle-expansion" aria-hidden="true"></span> <span class="sr">Expand or Collapse</span> </a> <span class="xblock-display-name">Group B</span> </div> <div class="header-actions"> <ul class="actions-list"> <li class="action-item action-drag"> <span data-tooltip="Drag to reorder" class="drag-handle action"></span> </li> </ul> </div> </div> </header> <article class="xblock-render"> <div class="xblock" data-request-token="page-render-token"> <div> <div class="studio-xblock-wrapper" data-locator="locator-component-B1"> <section class="wrapper-xblock level-element"> <header class="xblock-header"> <div class="xblock-header-primary"> <div class="header-actions"> <ul class="actions-list"> <li class="action-item action-edit"> <a href="#" class="edit-button action-button"></a> </li> <li class="action-item action-duplicate"> <a href="#" class="duplicate-button action-button"></a> </li> <li class="action-item action-delete"> <a href="#" class="delete-button action-button"></a> </li> <li class="action-item action-drag"> <span data-tooltip="Drag to reorder" class="drag-handle action"></span> </li> </ul> </div> </div> </header> <article class="xblock-render"></article> </section> </div> <div class="studio-xblock-wrapper" data-locator="locator-component-B2"> <section class="wrapper-xblock level-element"> <header class="xblock-header"> <div class="xblock-header-primary"> <div class="header-actions"> <ul class="actions-list"> <li class="action-item action-edit"> <a href="#" class="edit-button action-button"></a> </li> <li class="action-item action-duplicate"> <a href="#" class="duplicate-button action-button"></a> </li> <li class="action-item action-delete"> <a href="#" class="delete-button action-button"></a> </li> <li class="action-item action-drag"> <span data-tooltip="Drag to reorder" class="drag-handle action"></span> </li> </ul> </div> </div> </header> <article class="xblock-render"></article> </section> </div> <div class="studio-xblock-wrapper" data-locator="locator-component-B3"> <section class="wrapper-xblock level-element"> <header class="xblock-header"> <div class="xblock-header-primary"> <div class="header-actions"> <ul class="actions-list"> <li class="action-item action-edit"> <a href="#" class="edit-button action-button"></a> </li> <li class="action-item action-duplicate"> <a href="#" class="duplicate-button action-button"></a> </li> <li class="action-item action-delete"> <a href="#" class="delete-button action-button"></a> </li> <li class="action-item action-drag"> <span data-tooltip="Drag to reorder" class="drag-handle action"></span> </li> </ul> </div> </div> </header> <article class="xblock-render"></article> </section> </div> </div> <div class="add-xblock-component new-component-item adding"></div> </div> </article> </section> <div class="container-paging-footer"></div> </div> </article>