Joget DX Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Skip to end of metadata
Go to start of metadata

In this article, we are going to show you how to quickly show PDF file's content itself without first downloading the file.

Sample screenshots:-

Clicking on any image in the file/image upload element will bring up lightbox, displaying the photo.

In any form that contains Image Upload field, add a Custom HTML and put in the following code.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha256-Vzbj7sDDS/woiFS3uNKo8eIuni59rjyNGtXfstRzStA=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha256-yt2kYMy0w8AbtF89WXb2P1rfjcP/HTHLT7097U8Y5b8=" crossorigin="anonymous"></script>

<script type="text/javascript">
$(function(){
// Init fancybox
$().fancybox({
selector : 'ul.form-fileupload-value > li > a:has(img)',
thumbs : {
autoStart : true
}
});
}); 
</script>
  • No labels