html - Bootstrap gird row same height -
i know question has been asked number of times problem proposed solutions not working.
i presenting pdf user in modal along side form. image below.
the problem having iframe set @ 100% maximum size go @ 100% per image.
if give fixed size of 435px; sizes right aspect screen. need screen agnostic want size self according modal appears in.
i have tried using working example here http://www.bootply.com/92230 , example same have seen on web morning.
the html
<div class="row"> <div id="equalheight"> <div id="loa" class="col-md-6 demo notshown"> <iframe src="\\sqlmuldvwsk06.ukskpre.santanderuk.pre.corp\public\cmcfileupload\loafiles\sra557034_321043.004.pdf" class="mh100percent mw100" frameborder="0" scrolling="no"> <p>it appears web browser doesn't support iframes.</p> </iframe> </div> <div id="custdetails" class="col-md-12 demo"> ... </div> </div> </div>
the reason having use iframe because working on application internal use on corporate lan , when try , embed pdf object access denied error.
also, when event if fired, div custdetails resized col-md-6
, when modal finished divs resized \ reclassed.
any , on how show iframe same size form next great.
thanks
simon
<style> .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } iframe { height: 100%; position: absolute; } </style> <div class="row row-eq-height"> <div id="loa" class="col-md-6 demo notshown"> <iframe src="\\sqlmuldvwsk06.ukskpre.santanderuk.pre.corp\public\cmcfileupload\loafiles\sra557034_321043.004.pdf" class="mh100percent mw100" frameborder="0" scrolling="no"> <p>it appears web browser doesn't support iframes.</p> </iframe> </div> <div id="custdetails" class="col-md-6 demo"> ... </div> </div>
hope work
Comments
Post a Comment