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.

enter image description here

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

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -