Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Popup modal box needs modification to adjust resizing

Posted on 2014-04-01
3
Medium Priority
?
726 Views
Last Modified: 2014-04-01
Hello,

I have a modal box on a website that almost works.  However, it is not resizing properly.  The person who developed the overal modal plugin is using an open source modal javascript in his program.  But he doesn't know how to make the fix in the javascript portion.

It's easier to show the issue than to explain.  So here is a link to a test page with the popup window

Link to page with popup window

And attached is the javascript that needs to be tweaked.

The popup is activated on the website when you click on the top menu "LOGIN - MODAL TEST"

When you click on it you will see one thing which need to be fixed

The height and width need to be the size of the background image, which is 311px wide by 381px tall.

For some reason the box resizes to a smaller dimension.

I don't know much about javascript.  The good thing is the script seems to be very well commented, so a Javascript expert should hopefully know where to make the changes in the attached js file.

Note: I am also including a css file and a php file -- but the developer says the resizing "problem" is controlled by the js file.

Also: You'll the specific CSS for the background image is in the header of the page.  
  <style type="text/css">
#mbCenter {
    background: url("/Images/login_bg.png") no-repeat;
}
</style>

Open in new window

Note, any fixes can be hard coded -- if that's easier.  The modal is only going to be used for this one purpose.

Thanks for any help!

Rowby
mediaboxAdvBlack21.css
mediabox-ck.php
login-bg.png
mediaboxAdv.js
0
Comment
Question by:Rowby Goren
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 22

Accepted Solution

by:
Mrunal earned 2000 total points
ID: 39969924
Inside "UpdatePanel1",

table has width = 260
and first td inside first tr has height = 150

remove that and you have to add some css class definitions like overflow : hidden
and you have to assign those fixed height and width to outer container of that popup.

Hope this helps you.
0
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39970099
Ah!  thanks!
0
 
LVL 9

Author Closing Comment

by:Rowby Goren
ID: 39970102
thanks for your quick response!
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Suggested Courses

610 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question