Forum Stats

  • 3,768,563 Users
  • 2,252,811 Discussions
  • 7,874,623 Comments

Discussions

SIMPLE WAY TO RESIZE IMAGE IN IR REPORT

AQH
AQH Member Posts: 298 Blue Ribbon
edited Nov 2, 2014 4:59AM in Packaged Applications

is there any simple and easy procedure to resize image in my ir report, im amateur in html, and could not find any thread to solve this issue.

Tagged:

Answers

  • fac586
    fac586 Senior Technical Architect Member Posts: 20,084 Red Diamond
    user9135342 wrote:
    
    

    Please update your forum profile with a real handle instead of "user9135342".

    This question has gone unanswered because it is in the wrong forum. This is a general APEX question unrelated to the use of built-in packaged apps which is the purpose of this space.

    Asking questions properly is more likely to result in a rapid and effective response.

    is there any simple and easy procedure to resize image in my ir report, im amateur in html, and could not find any thread to solve this issue.
    
    

    It depends on how the image is rendered in the report. It's easy to do this for declarative BLOB images in interactive reports using CSS. Add the following style sheet to the page Inline CSS property:


    .apexir_WORKSHEET_DATA td[headers="COLUMN_ALIAS"] img {
      display: block;
      width: 40px;
      border: 1px solid #999;
      padding: 4px;
      background: #f6f6f6;
    }
    

    where the COLUMN_ALIAS value in the attribute selector is the column alias of the image column. Setting only one dimension (in this case the width) scales the image using the original aspect ratio.

    However, sending full size images in this way and then scaling them in the browser in this way may be a huge waste of bandwidth and produce poorer quality images than creating proper scaled down versions using image tools. For improved performance and image quality, and where you require image-specific scaling you can use the database ORDImage object to produce thumbnail and preview versions automatically, as described in this blog post.

This discussion has been closed.