I am having an issue where IE6 will not re-size the text in a JavaScript generated modal window. If I leave the parent page text size at medium open the modal window and then re-size the the text to largest, the text becomes cut off in the modal window. If I close the modal window and leave the text size at largest, then re-open the modal window, the text is fine. It appears to be an IE6 redraw issue.
Has anyone else run into this issue.
NOTE: The company I work for still supports IE6, so that is why I am looking for a solution in IE6.
Your answer my lie in the "modal" part. Modal means you should not be able to do anything else until this dialog is "taken care of". Might be easier to not allow such operations while modal windows are open?
"Restrictive or limited interaction due to operating in a mode. Modal often describes a secondary window that restricts a user’s interaction with other windows. A secondary window can be modal with respect to its primary window or to the entire system. Compare modeless.
msdn.microsoft.com/en-us/library/bb226821(VS.85).aspx"
Related
Hidden alert box
OS : Windows 7 32-bit
Browser : Google Chrome 53.0.2785.116 m
Like the attached screenshot,
alert box's overflowed area is hidden inside popup window.
It happens only in Chrome 32-bit.
Anyone had this kind of issue?
That's normal behaviour for Chrome.
Given that internally the dialog is also just composed of HTML and CSS (pretty much everything UI related in Chrome is), it doesn't come as a surprise that the window's content won't overflow the window. It's no native OS dialog or similar.
I am showing alert on this. But alert is clipped on the either sides, width of popup is 320px. How can I display the entire alert ?Pop-up screen
That problem occurs when Chrome is running on Windows 7. It occurs when alert is smaller than 370px. I have the same problem and I found that it is a bug in Chrome when is used on Windows 7.
In your screenshot the popup is cropped to the parent window size.
Resize the window to show the full alert box.
In all browsers I know the alert-box is always a child of the browser window, so it can never reach outside the browser window.
Option 1
You could use JS to resize the browser window (e.g. make window wider before alert, smaller again after alert):
window.resizeTo( width, height );
Option 2
Create your own JS popup box instead of using alert(). You cannot style the alert() box, but you can control size/design of a custom popup you create
I am working on a website where I have used bootstrap modal. When I am testing my website in ipad modal gets opened but whenever i am trying to edit some thing within that pop-up modal, the modal pop-up disappearing but the modal backdrop is still there.
Can any one tell me why this is happening?
Thanks in advance.
different versions of iOS have sometimes undesirable behaviour when focussing on an input - natively it tries to center the input while bringing up the keyboard and seriously messes with the DOM if you have fixed or absolutely positioned elements being affected, if this is your problem then you could try cancelling the auto-focus behaviour - see this answer Twitter Bootstrap modal on mobile devices for possible solutions.
I need to implement the following feature and make it work in Internet Explorer:
User clicks a link in the primary screen.
A popup will be opened in the secondary screen and in fullscreen mode.
Some requirements:
It must work in IE8 (and 9/10)
For simplicity, we can assume that the secondary screen is located on the right of the primary screen. Also, the resolution of the secondary screen is known.
Javascript is used, but VBScript would be also possible.
So far the prototype is working quite well
the popup is opened with window.open with left=screen.availWidth+1 -> will be opened in the secondary screen OK
the fullscreen mode is activated with Wscript.Shell sendKeys({F11}) trick. This has some random issues. Timing etc will make it fail sometimes.
There are couple of IE-specific problems that make the implementation much more difficult
screen.availWidth returns always the primary screen resolution. E.g. Firefox returns the right size for popups located in secondary screen. Otherwise I could mimic the fullscreen mode by positioning the popup to fill the secondary screen completely.
window.open() with "fullscreen=1" works too but it ALWAYS opens the popup in the primary screen. This happens even if I use timers to make it target to secondary screen. Also a temporary pop-up located in secondary screen does not help. Looks like the fs=1 will always open the window in the screen where the click originated.
And for clarity, this will be implemented for an intranet application and has valid and well justified reasons. There is no point to suggest to try another web browser.
Any ideas that has been proven to work are welcome!
I have a requirement to have some modal popups appear on a webpage. At first i implemented them as true modal windows, but then i found out that true modal windows cannot communicate with parent window in IE.
Now i am trying to implement them as regular windows that always steal focus, which is sorta working.
Here is the code that i am using:
modalPopup = window.open(url, 'popup', arr.join(",")); //use a global var here
modalPopup.focus();
$(window).bind("focus.modal", function(){
if(modalPopup){
modalPopup.focus();
} else {
$(window).unbind("focus.modal");
}
});
There are several things wrong with this:
In firefox, once i close the popup, the modalPopup does not become null, it points to parent window. (this is ok, since we dont support firefox anyway)
In IE, it works like a charm when you open 1 window and close it, but opening any more windows results in the exception:
Error: The callee (server [not server application]) is not available and disappeared; all connections are invalid. The call did not execute.
edit: In IE the error happens when modalPopup.focus(); is called. apparently modalPopup is never set to a falsy value when closed :P
Can you help me write a better implementation that uses window.open for creating the popups?
Before anyone says anything, using lightbox is not an option. The popup windows contain A TON of html, javascript etc, and loading them in the DOM is not going to result in a good UX. Also, we sorta have to have this work on IE6.
The windows containing a "ton" of JavaScript, HTML, etc. isn't a reason that you can't use "lightbox" style techniques (which do work on IE6; I don't know if a specific library you've looked at doesn't). The technique is simple:
Have an absolutely-positioned iframe on the page whose z-index is higher than any other content normally shown on the page. Normally the iframe is hidden.
When doing a "modal," show that iframe and set it to cover all other content. Create an absolutely-positioned div with a higher z-index than the iframe and place it wherever you want (typically in the middle of the viewport).
Put your "modal" content in that div. This can be pre-loaded, or you can demand-load JavaScript and other resources to fill it.
Have a UI control of some sort on the div that "closes" it by removing the div and hiding the iframe.
You can build very rich UIs with this that (can) have a dramatically better UX than enforced multiple windows. And you have the advantage of avoiding cross-windows communication and potentially offering much better response time to the user when they "open" one of these windows.