Pop up window for Internet Explorer users

Design help General
1

Hi there

Is there there a way for my site to recognize when someone is using Internet Explorer and then provide them with a pop up with links to better browsers that support HTML5?

Thanks in advance,

Niall

2

Widget - Update my Browser This should be embeddable in the custom code section.

3

Thanks for you reply.

What I’m looking for is to be able to recognize if the site is being accessed in Internet explorer and then not letting the user view the site unless they use another browser.

I would like to design a modal that blocks out the the website with a box with and explanation and saying that the site won’t work in IE

Alternatively would it be possible that I make a an alternate version of the site with no animations? and redirect to that if user is on IE?

Thanks,

Niall

2 Likes
4

Hi there! YES I need the same solution as well, if you found an answer please share with he rest of the community. I’ve been looking for the javascript code to do that and where to insert.

Thanks for any help in advance!

1 Like
5

This is really not a good approach from a usability perspective. Here in the States a company could easily be sued for doing so. A better approach would be to use modernizr, and create custom (simple) styles for browsers that don’t support advanced features you implemented on your site. It is a similar approach to creating a stylesheet for Print.

1 Like
6

I’ve actually built a pop up modal similar to browserupdate.org that tells users that the site will not work on IE, but can download another browser and return to site so the JS to detect the browser would only effect IE users.

52%20PM
52%20PM2688×1248 524 KB

https://preview.webflow.com/preview/cfbroward?utm_medium=preview_link&utm_source=dashboard&utm_content=cfbroward&preview=fd4081810b9ba1d3baa634340883b0b1&mode=preview

7

So I need the JS and where I could install to detect those users. The browserupdate.org plugin only detects if IE11 is used and does nothing about it since its the last version supported. And since webflow sites arent IE friendly…

8

I found this string on the subject but not sure where to apply the code in webflow:
https://stackoverflow.com/questions/19999388/check-if-user-is-using-ie

and this code:

var isIE = false;
if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
    isIE = true;   
}

my question is how can I apply it to my popup module to take effect?

9

You could fix the content areas that don’t render correctly in IE 11 pretty easily. Better than browser detection (which almost never works as well as expected).

What pages do you have issues with in IE?

10

about half of my content in grids and columns collapse into 1 messy blob Id hat to rework 25+ screens

How do I fix those pages in IE without affecting responsive and other browsers?

11

Give me a page as an example.

12

Everything collapses to the left of the screen both columns and copy confined to an area 1/3 of the container width.

13

So you could just write a CSS conditional targeting IE 11 for example; that targeted you problem areas (grid) and set them to block. Look at the example video.

CloudApp

2 Likes
14

Thank you for that! I will look into it. In the meantime, where would I plug in the JS code to make the modal popup to detect IE?

15

Thank you webdev! Are you using DOM Explorer for chrome in the video?

16 
if ("Your script requires jQuery") {
  "Before Body Close"
} else {
  "Put in Head Before Body"
};

Nope; IE 11

17

Hi @john_rice did you ever get your pop up working specifically for ie?