Blog

Side By Side Images / 360 Images in report Templates

Simple code for an image and 360 images (copy and paste, change macro names, and set any image size/height)


<style type="text/css">.images img{
    width: 200px;
    height:110px;
    object-fit: cover;
   }

  .360images img {
    width: 290px;
    height: 150px;
    object-fit: cover;
  }
</style>

 

<div>Images</div>
<span class="images">{{ imageMacro }}</span>

<div>Image360:</div>
<span class="360images">{{ 360ImageMacro }}</span>