Hi, I do not wish to override the in-built controller for blocks, but I am having trouble displaying an image in the background of the block.

I can get the umb://media/ data from block.data.background, but there seems to be no reference anywhere as to what resources are included by default.

So I need to know how to get the img url using the umb: path, from within the blocks controller.

like I said above, I do not want to mess-up the in-built controller for blocks by including extra controllers as I can get the simple data inbuilt and do not want to re-invent the wheel or end up with spaghetti-code that is painful to maintain and may break with an update.

Example:

<button type="button" ng-click="block.edit()" ng-style="{'background-image':'url('{{block.data.background}}')'">
<img ng-src="{{block.data.background}}" />
<div style="width: 100%; display: block; height: 200px; width: 200px">
    <h3 ng-bind="block.data.title"></h3>
    <a ng-bind="block.data.pageLink"></a>
</div>

pagelink is a content item picked by the content picker.