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

 https://www.linkedin.com/pulse/building-real-time-database-monitoring-dashboard-oracle-khaleeq-tpwxf/