Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Bilal Haidar 144 posts 410 karma points
    Sep 21, 2016 @ 19:22
    Bilal Haidar
    0

    using umb-image-thumbnail directive in backoffice custom tree

    Hi,

    I am trying to display a thumbnail when the user selects a media item using the media picker.

    For this, I am using the following in my edit.html (view used when clicking on a node on the tree)

     <umb-image-thumbnail src="thumbnail.file"
                                     height="{{thumbnail.height}}"
                                     width="{{thumbnail.width}}"
                                     max-size="120" />
    

    When the above directive is rendered, the following shows:

    <div class="umb-crop-thumbnail-container" style="width: 200px; height: 200px; overflow: hidden; display: none; position: relative;" ng-show="loaded" ng-style="{height: height, width: width, overflow: 'hidden', position: 'relative'}" src="thumbnail.file" max-size="120" width="200" height="200">
    <img class="noScale" alt="" src='{"focalPoint":{"left":0.165,"top":0.395},"src":"/media/1001/dewgong_large.png","crops":[{"alias":"normal","width":120,"height":120}]}' ng-src='{"focalPoint":{"left":0.165,"top":0.395},"src":"/media/1001/dewgong_large.png","crops":[{"alias":"normal","width":120,"height":120}]}' ng-style="preview">
    

    Still the image is not displayed. Anything wrong using the above?

    Thanks

Please Sign in or register to post replies

Write your reply to:

Draft