On March 26, 2019 we launched new MODX Forums. Please join us at the new MODX Community Forums.
Subscribe: RSS
  • Sorry if this has been asked before but I can't seem to figure it out, I have Image+ set-up in a Migx TV and all seems to working in the back-end
    (The JSON in MIGX)
    [
    {"caption":"Info", "fields": [
        {"field":"title","caption":"Title"}, 
        {"field":"image",
    "caption":"Image",
    "inputTVtype":"imageplus",
    "targetWidth":"",
    "targetHeight":"",
    "targetRatio":"",
    "thumbnailWidth":"",
    "allowAltTag":"", 
    "sourceFrom":"migx"}
    ]}
    ]


    This is the only output I'm getting on the front-end
    { "sourceImg": { "src": "assets/gallery/11/32.jpg", "width": 1024, "height": 680, "source": 1 }, "crop": { "x": 147, "y": 170, "width": 468, "height": 282 }, "targetWidth": 0, "targetHeight": 0 } 


    This is my Chunk

       
                  [[getImageList? 
        &tvname=`imageplus`
        &limit=`6`
        &tpl=`@CODE:
        [[ImagePlus? 
    &value=`[[+image]]`
    ]]
    <div class="cbp-item" data-animate="fadeIn" data-animate-delay="1.7">
                  <a href="[[+image]]" class="cbp-caption" data-title="[[+title]]">
                    <div class="cbp-caption-defaultWrap">
                      <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="[[+image]]" alt="" width="150" height="75"/>
                
                    </div>
                    <div class="cbp-caption-activeWrap">
                      <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                          <div class="cbp-l-caption-title"></div>
                          <div class="cbp-l-caption-desc"></div>
                        </div>
                      </div>
                    </div>
                  </a> </div>
                `]]
               
               
                </div></div>
                

    Any help would be greatly appreciated

    This question has been answered by gavin-. See the first response.

    [ed. note: gavin- last edited this post 4 months, 1 week ago.]
    • discuss.answer
      OK after a bit of playing around I figured it, If anyone else wants to know
      You have to set up a new TV for Image+ and set it up a you would normally (input Options > Image+ - Output Options Image+ and Generate Thumbs)
      So the call to your Migx TV is
      [
      {"caption":"Info", "fields": [
          {"field":"title","caption":"Title"}, 
          {"field":"image",
      "caption":"Image",
      "inputTV":"Your_Image+_TV",
      "sourceFrom":"migx"}
      ]}
      ]


      and the Chunk would be

        [[getImageList? 
          &tvname=`Your_Migx_tv`
          &limit=`6`
          &tpl=`@CODE:
          [[ImagePlus?
      &tvname=`Your_Image+_TV`
      
      ]]
      <div class="cbp-item" data-animate="fadeIn" data-animate-delay="1.7">
                    <a href="[[+image]]" class="cbp-caption" data-title="[[+title]]">
                      <div class="cbp-caption-defaultWrap">
                        <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="[[+image]]" alt="" width="150" height="75"/>
                  
                      </div>
                      <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                          <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-title"></div>
                            <div class="cbp-l-caption-desc"></div>
                          </div>
                        </div>
                      </div>
                    </a> </div>
                  `]]
                 
                 
                  </div></div>
                  

      [ed. note: gavin- last edited this post 4 months, 1 week ago.]