Saturday, September 16, 2023

image preview in apex

 --page level javascripts 


function showPreview(file, itenName) {

tet src= URL.createObjectURL,

imageContainer = $( "#${itenName}_CONTAINER .t-Form-itemWrapper" );

imageContainer.empty();

imageContainer.append("<img src=$(src) class="cc-image-preview"/>' );

}


--dynamic action P36_DISPLAY_IMAGE


let files = this.browserEvent.target.files;

if (files.length > 0){ showPreview(files[0], "P36_DISPLAY_IMAGE"); }


--inline css in apge level 


.cc-image-preview {

width: 400px;

}


--use advance column attribute  P36_DISPLAY_IMAGE

cc-image-preview 



No comments:

Post a Comment

To generate a PDF using JavaScript in Oracle APEX from a collection

  To generate a PDF using JavaScript in Oracle APEX from a collection, you can follow these steps: 1. Create a button or link on your APEX p...