Hello, I am using the Reactive for IE module to get my Reactive app working in IE11. My UI is mostly working, with the correct colors and actions, except for the Footer. My Footer is in one my Layout as a placeholder, and when I add content to the Footer it looks fine in Outsystems and when I run it in Chrome. However, when I look at my Footer in IE11, it is at the very top of my webpage. I've tried changing the CSS within the webpage, but changing the code seems to have no effect on my Footer's position. I'm not sure why, as I can change other things with my Footer by editing the CSS, such as text alignment or the width of my Footer.
If anyone has any idea how to fix this Footer problem or why it is occurring, I would greatly appreciate it.
Try remove the height: 100% and instead of position absolute, set position: fixed;
In the Service Studio, the behavior sometimes is not 100% accurate, but that shouldn't worry you :)
Hi Lynn,
Can you share your OML so i can check the CSS ?
Thanks,
Diogo Romero
sure, here is the oml. The problem is on my View Results screen -
Try adding that into your footer besides the "bottom:0" you already had :)
Thank you! That sort of worked, but now the user has to scroll down for some reason? it also looks strange in my Outsystems dev environment.
Thanks for the help! that helped it look good in IE, but unfortunately on mobile for chrome it causes the disclaimer to go over our content. It's not a problem for me at the moment, since my team has decided to remove the disclaimer from the page, but it is something to consider in the future.