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

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies