Mahmoud Elsonbati

1-download this lib liferay-faces-1513-patch-3.2.4-ga5.jar from the below link http://search.maven.org/#search|gav|1|g%3A%22com.liferay.faces.patches%22%20AND%20a%3A%22liferay-faces-1513-patch%22 2- add it to the portlet class path 3- in your xhtml file  make sure that the exporter tag is included in a separate form to avoid destroying portal layout 

::-webkit-scrollbar {     display: none; } and in the wrapper div  put overflow:hidden;

    display:flex;     justify-content: center; /* align horizontal*/    align-items: center; /* align vertical */ more about flex layout https://css-tricks.com/snippets/css/a-guide-to-flexbox/

in my case it was not working as there was a conflict with Jquery library which i imported it in the theme so to resolve this conflict  just add this in the portelt header <h:head> <script type='text/javascript'>                       var $jq = jQuery.noConflict(true);          </script> </h:head>