Utilizing greybox on my business website allows users to easily log in and access their accounts. View an example of my site
However, when the login or sign up window is activated at the top of the page, the page or window size changes, causing scroll bars to appear. How can I prevent this change in size? I want the page to maintain its original dimensions when the window is opened.
Although this thread is quite old, it may still be beneficial for those who are using greybox. Here is an update that could help:
Changing the GB_overlay position to "fixed" as suggested by Yoel in the gb_styles.css file solved the issue with greyboxes that are not full screen (such as gb_page_center). However, a full-screen greybox like GB_showPage was still causing horizontal scrollbars and expanding the browser window on Chrome, Edge, Chrome on iOS, and Safari on iOS.
Adjusting the GB_overlay width to 100% did not make a difference for non-full screen greyboxes, and did not resolve the issue for full-screen greyboxes either. Instead, setting the GB_overlay max-width to 100% successfully eliminated the problem of the browser window expanding and the appearance of horizontal scroll bars in Chrome, Edge, Chrome on iOS, and Safari on iOS.
Similar to Kevin's experience, Firefox did not encounter these problems with greybox, and these css modifications to the GB_overlay had no impact on Firefox, which always displayed the greybox correctly.
Following Yoel's advice proved effective. By adjusting the style sheet to include a "fixed" setting with 100% width, the problem was successfully resolved across multiple browsers.
Here is my situation: I am working with an image that is 1900 x 1600 pixels in size. I also have a div that is sized at 200 x 150 pixels. To adjust the image size, I used the following CSS: max-width:300px; max-height:300px; The height will be adjuste ...
Issue: Unable to load view on ajax success. Situation: I have two cascaded dropdowns where the second dropdown's options are based on the selection of the first dropdown. Upon selecting an option in the second dropdown, I want to display a list of re ...
Having trouble targeting the first child in this code snippet. I've tried various methods but nothing seems to be working. Any suggestions on how to resolve this? <div id="main"> <div class="page"> <p>random 1</p> </div ...
I need to access variables such as screen width, screen height, color depth, and pixel depth in a PHP function without using cookies, session properties, or get parameters. My goal is to gather this client information when a user visits my webpage (e.g. ...
I'm currently working on creating a dynamic menu using Angular and Bootstrap for Angular. My main issue right now is that the submenus are overlapping each other when displayed on the page. To tackle this problem, I started off by referring to the ex ...
Can anyone help me with my jQuery code? Here it is: $("#create").click(function(e) { var myModel = { "TribeName": $('#TribeName').val() }; var jsonToPost = JSON.stringify(myModel); $.aja ...
In my PHP file, I have implemented a functionality where certain checkboxes are checked and upon clicking a button, a JavaScript file is triggered. The JavaScript code snippet used is as follows: $.ajax ({ type: "POST", url: "decisionExec.php", ...
I currently have a feature on my website that triggers a pop-up notification whenever a message is received from another user. The pop-up consists of a div displaying the content of the message along with a close button. After exploring various methods to ...
I am attempting to calculate the percentage of "Yes" or "No" responses in an HTML table based on user input for each month's questions. Then, I want to display the average percentage in the "average" column for each month. For example, if the user sel ...
I am currently facing an issue where I need to send both form input text and a client-side resized image to a php page. The image upload works fine, however, the text data appending seems to be causing problems. var xhr = new XMLHttpRequest(); xhr.onr ...
Hey there! I'm looking to display the title tag of an image directly inside the image itself. Here's an example to illustrate what I mean: http://jsfiddle.net/51csqs0b/ .image { position:relative; width:200px; height:200px; } .ima ...
Let's consider the arrays provided below. var clients = ['a','b']; var reports = ['x','y','z']; var finalData = []; Now, I aim to iterate through them in a specific manner as shown. for(var i=0;i< ...
Help Needed: Content Going Over Background Image Hey there! I'm having a bit of trouble with my home page design. I have a full-width background image, but the content isn't displaying below it like I want it to. Instead, it's showing over ...
Is it possible in PHP/AJAX to easily show a specific number of rows from a query, such as 5, and then include a "show more" button that reveals the next set of 5 (and continues this pattern)? ...
Having trouble canceling an Ajax Request in our RF-built application interface. The progress bar modal should have a cancel button to interrupt the current operation, such as cancelling filling controls from the database. How can this be achieved? I&apos ...
Just getting started with HTML and I've been working on a project for my class. Here's what I've come up with: <font style="background-color: grey; color: white; display: block">Black and white copies $.10 per page letter/legal size&l ...
I'm trying to use ajax to submit a form on another page, but my code doesn't seem to be working. Here is what I have: Send(); function Send() { var abc = document.getElementsByClassName("main"); for (var i = 0; i < abc.length; i++) { var ...
I am currently working on a website that uses frames. The topFrame.php contains a menu with drop-down submenus, while the main frame displays the website content. However, I am encountering an issue where the submenu in the topFrame is getting hidden beh ...
Latest Technologies: $(document).ready(function(){ $('#userID').change(function(){ $('#username').val($('#userID option:selected').data('username')); }); }); Coding in HTML: <select class="form- ...
Is there a way to hide the div "popu" when clicking on the img "tri"? I've tried using .not() since the img is a child of the div popu, but it didn't work. Also, I need to make sure that clicking on the div "textb" does not trigger the hide actio ...