<div ng-class="webpartProperties.webpartClasses" ng-style="{'height': (tileHeight + tilePadding) * layout.rows + 'px'}">
    <div ng-hide="error" class="livetiles-tile-flow" ng-style="{'max-width': layout.webpartWidth + 'px'}">
        <wizdom365-livetiles-tile 
            ng-repeat="tile in tiles"
            ng-class="calculateTileClasses(tile)"
            ng-style="calculateTileStyle(tile)"
            wizdom365-livetiles-draggable
            wizdom365-livetiles-droppable
            drop-fn="handleDrop"
            item-index="{{$index}}"
            class="livetiles-tile-container">
        </wizdom365-livetiles-tile>

        <wizdom365-livetiles-add 
            ng-if="addTile && editMode"
            ng-style="calculateTileStyle(addTile)"
            wizdom365-livetiles-droppable
            drop-fn="handleDrop"
            item-index="{{tiles.length}}"
            class="livetiles-tile-container livetiles-cursor-pointer">
        </wizdom365-livetiles-add>

        <wizdom365-livetiles-filler 
            ng-repeat="filler in fillerTiles"
            ng-style="calculateTileStyle(filler)"
            class="livetiles-tile-container">
        </wizdom365-livetiles-filler>
    </div>
    <div ng-show="error" style="color: red;">{{error}}</div>
</div>