troubleshooting Question

How to remove scrollbars from Modal Box & inside container ?

Avatar of MikeCombe
MikeCombeFlag for United States of America asked on
JavaScriptCSSjQuery
7 Comments1 Solution1101 ViewsLast Modified:
I have a modal popover box.
I would like to remove the scrollbars from both the outside modal box AND the inside container (which is an iframe).
Is that possible ?
Is it in the css settings ?

 I would prefer to set my box & container sizes by hard code, rather than the automatic use of scroll bars.

Reference the attached picture for example.

Here's the code:


basic.css
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:460px; width:500px; color:#bbb; background-color:#c3cfcd; border:1px solid #444; padding:6px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; color:#bbb; display:block; font-size:36px; margin-bottom:6px; padding:4px 6px 6px;}
#simplemodal-container a {color:White;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}


default.aspx
<link type='text/css' href='modal/basic/css/basic.css' rel='stylesheet' media='screen' />
<script type='text/javascript' src='modal/basic/js/jquery.js'></script>
<script type='text/javascript' src='modal/basic/js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='modal/basic/js/basic.js'></script>
<script type="text/javascript" language="javascript">
    $(function () {
        $(".basic2").click(function (e) {
            e.preventDefault();
            var link = $(this).attr("href");
            $.modal("<iframe src='" + link + "' width='760px' height='540'></iframe>");
        });

    });
</script>



Hyper-link in default.aspx that activates the modal box popover:
<a href="foo.htm" class="basic"><img src="images/foo.jpg" alt="foo" border="0" /></a>
modal.jpg
ASKER CERTIFIED SOLUTION
MikeCombe

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 7 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 7 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros