AJAX window does not have a close out?

305 Posts

Dayton Web Design Reply #1, 11 years, 1 month ago

I have the calender installed and all seems to be working well for me. You can see it here: http://www.pinecovecampground.com/events.html When I click the event and the AJAX window pops up, I see the big X close out, but my client claims they cannot see this close-out X.

What would cause the client to be able to open the AJAX window but the close-out X does not display? Does anyone else see this problem, because it shows fine on my computer?

Making the web a better place on site at a time! Dayton Web Design: http://www.dayton-web-design.com/

436 Posts

Dan Reply #2, 11 years, 1 month ago

Are they using an old version of IE?

Also I see you're using jQuery 1.7.1 (which is used by ShadowBox to display the popup), if they are using IE, it does have some compatibility issues with that particular version. The nearest compatible version considered by Microsoft is 1.7.2 , try updating to that. [ed. note: absent42 last edited this post 11 years, 1 month ago.]

305 Posts

Dayton Web Design Reply #3, 11 years, 1 month ago

Dan thank you. I found the issue it was in this file: assets/components/mxcalenders/js/web/shadowbox/sa/shadowbox.css and on this line:

#sb-body-inner{position:absolute;height:100%;width:100%;}
I changed to:
#sb-body-inner{position:absolute;height:850px;width:450px;}

I changed it back to percentages, and now it shows fine if you change windows size. With the exact px sizes, it would not allow for the AJAX window to resize, so the X was just hidden from view. Whereas if you use percentages the window sizes according to screen.

Now I have a related issue that has been a thorn in my side, and I have not able to position properly with CSS. In the same window all my items float left against the AJAX window with no padding. I have tried so many combinations in my CSS stylesheet above but nothing seems to work. How can I put about 20px padding on the left and right side of my AJAX window? Sound simple right? Well nothing is working for me even with hard refreshes.

Making the web a better place on site at a time! Dayton Web Design: http://www.dayton-web-design.com/