CSS variable in IE11

I am using Outsystems 11 with reactive web.

I am using color variables but they are not compatible with IE11, although Outsystems 11 support IE11. I learn from one of the Outsystems video in Front-End section  that we should use variables.

So the question is what is the best solution for that and if need to add hack for IE11 then we Outsystems 11 is focusing on using variables.

Below is the link which is working fine in chrome but not working in IE11.

https://pankaj-pawar.outsystemscloud.com/IEApp/IEWebPage?_ts=637115852763051067

In this I used two variables.

SyntaxEditor Code Snippet

--color-violet-lightest: #ff5733;
--color-IETest\: #33D1FF;

 


Solution

Pankaj Pawar wrote:

I am using Outsystems 11 with reactive web.

I am using color variables but they are not compatible with IE11, although Outsystems 11 support IE11. I learn from one of the Outsystems video in Front-End section  that we should use variables.

So the question is what is the best solution for that and if need to add hack for IE11 then we Outsystems 11 is focusing on using variables.

Below is the link which is working fine in chrome but not working in IE11.

https://pankaj-pawar.outsystemscloud.com/IEApp/IEWebPage?_ts=637115852763051067

In this I used two variables.

SyntaxEditor Code Snippet

--color-violet-lightest: #ff5733;
--color-IETest\: #33D1FF;

 


Hi pankaj pawar,

IE11 does not support Reactive web. you can refer more details in below link

https://success.outsystems.com/Documentation/11/Setting_Up_OutSystems/OutSystems_system_requirements#Desktop_Browsers_(Web_applications)

https://www.outsystems.com/forums/discussion/54975/screen-layout-corrupet-on-ie-reactive-web/


Regards,

Ellakkiya.S


Solution

Ellakkiya Selvadurai wrote:

Pankaj Pawar wrote:

I am using Outsystems 11 with reactive web.

I am using color variables but they are not compatible with IE11, although Outsystems 11 support IE11. I learn from one of the Outsystems video in Front-End section  that we should use variables.

So the question is what is the best solution for that and if need to add hack for IE11 then we Outsystems 11 is focusing on using variables.

Below is the link which is working fine in chrome but not working in IE11.

https://pankaj-pawar.outsystemscloud.com/IEApp/IEWebPage?_ts=637115852763051067

In this I used two variables.

SyntaxEditor Code Snippet

--color-violet-lightest: #ff5733;
--color-IETest\: #33D1FF;

 


Hi pankaj pawar,

IE11 does not support Reactive web. you can refer more details in below link

https://success.outsystems.com/Documentation/11/Setting_Up_OutSystems/OutSystems_system_requirements#Desktop_Browsers_(Web_applications)

https://www.outsystems.com/forums/discussion/54975/screen-layout-corrupet-on-ie-reactive-web/


Regards,

Ellakkiya.S



Thanks :)