Skip to Content

IE 11 Zoom with CSS

Hi all,

The rendering problem with design studio continues with Lumira 2.0 as well, on my browser IE 11 when I set zoom to 80 % manually the planning application with 12 periods perfectly fits and wondering how to achieve this through CSS that automatically sets application to zoom level 80%. Appreciate your help.

Kind Regards


kfcr6.png (36.8 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Sep 19, 2017 at 09:15 AM

    You can set the Zoom level of your browser to 80% and then open the design studio application.

    Add comment
    10|10000 characters needed characters exceeded

  • Sep 19, 2017 at 06:20 PM

    Hi Sai,

    You can try below to trigger components within the application. I understand you want to set it at application level rather than component level. This is a quick workaround, when i get time i'll try at application level too.

    CROSSTAB_1. setCSSClass("ZOOM3");
    .ZOOM3 {
    	Zoom: 150%;

    Tanveer - Setting browser to 80% will only help for a user who manually adjust its browser before running the app. Since the app can be used globally therefore cannot be set manually for every user, also 80% is smaller font that may be good for app but not for general browsing.

    Add comment
    10|10000 characters needed characters exceeded

    • Hi Mohd,

      Thanks for your suggestion, I am looking to set zoom at application level so that all components renders well, as per your suggestion I've tried at cross tab component level (80%) where I can see cross tab leaving 20 % unused space at right , Please let me know if you are able to achieve this at application level.

      Thanks once again. SK