Skip to main content
Karlton Athletic
Participant
February 11, 2021
Question

Zoom Controls Missing in Bootstrap Layout

  • February 11, 2021
  • 1 reply
  • 377 views

I'm using the Full Window embed mode but in a Bootstrap column. Everything is working great except that the zoom controls don't show. If I move the target DIV outside of the Bootsrap column, the zoom controls do then show. I've tried setting heights and widths on various elements but nothing seems to trigger the appearance of the zoom controls.

    This topic has been closed for replies.

    1 reply

    Joel Geraci
    Community Expert
    Community Expert
    February 11, 2021

    Do you have your page somewhere we can see it?

    Karlton Athletic
    Participant
    February 11, 2021

    It's in development, so not available publically. I'm atttaching (a very zoomed out) screenshot so you can see the layout.

     

    Hopefully you can see that the zoom controls are missing.

     

    This is the basic Boostrap outline:

    <div class="container-fluid">
    	<div class="row">
    		<div class="col-lg-4">
    			<div class="mb-3" style="height:75vh" id="adobe-dc-view"></div>
    		</div>
                	<div class="col-lg-8">
                    	XXXX Other Content Here XXXX
    		</div>
    	</div>
    </div>

     Screenshot: