public function inbox() { //http://mail.tbsgroup.co.id ?> <style> .webapps{ padding: 10px; cursor: pointer; border-bottom: 1px solid #dedede; } .borderless{ border-bottom: 0px; } .fullscreen { width: 100%; height: 80%; position: fixed; z-index: 100; top:0; left: 0; } </style> <script> function getwidth(){ return window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0; } function getheight(){ return window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight||0; } function callfullscreen() { $('.fullscreen').css({ width: getwidth(), height: getheight() }); } /*$(document).ready(function(){ callfullscreen(); });*/ </script> <div onclick="$('#wepapps_menu').fadeToggle();$('#webapps_iframe').toggleClass('fullscreen').toggleClass('col-md-9');" style="position: fixed; padding: 10px; bottom: 0; right: 0; color:white; background-color: rgba(0,0,0,0.3); z-index: 200;"><i class="glyphicon glyphicon-fullscreen"></i></div> <?php $wp = new WebAppsPortal(); $wp->getByID(1); ?> <div id="webapps_iframe"> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" src="<?php echo $wp->webapps_url; ?> "></iframe> </div> </div> <?php }