CSS changes on Portal

Unknown

CSS changes on Portal

Unknown

Hello,

I am trying to make some CSS changes on User Portal only. I used UserPortal.css file, but when I restart SHM I lost all changes. Is there a way to make CSS changes to User Portal only and keep Studio default?

Thanks.

Unknown

Hi Moshe,

[color=rgb(34, 34, 34)][font=verdana, sans-serif]Modifying [/font][/color][color=rgb(34, 34, 34)][font=verdana, sans-serif]CSS[/font][/color][color=rgb(34, 34, 34)][font=verdana, sans-serif] files (in your case UserPortal.css) directly is not supported or recommended by our developers. You should always modify the LESS Files. This will ensure that changes persist across your environments. In that case, changing .less files will be our solution here. [/font][/color]
[color=rgb(34, 34, 34)][font=verdana, sans-serif]
[/font][/color]
[color=rgb(34, 34, 34)][font=verdana, sans-serif]Go to "[/font][/color][color=#222222]C:Program FilesDecisionsDecisions Web HostHUIstylesless"[/color][color=rgb(34, 34, 34)][font=verdana, sans-serif] Find your classes in the .less files and save this file in a different name in the same folder. After that go to UserPortal.less file and change related imported file name with your custom file name. [/font][/color]
[color=rgb(34, 34, 34)][font=verdana, sans-serif]
This will preserve your default files. Once you run Decisions your new style should be applied. If not open Chrome Developer Tools. Go to reload button and click hold until you see Empty Cache and Hard Reload. Once you click Empty Cache and Hard Reload your style will be applied. [/font][/color]
[color=rgb(34, 34, 34)][font=verdana, sans-serif]
[/font][/color]
[color=rgb(34, 34, 34)][font=verdana, sans-serif][img]att1[/img][/font][/color]
[color=#222222]
[/color]
[color=#222222][img]att2[/img][/color]
[color=#222222]
[/color][i]edited by kenan@decisions.com on 3/27/2019[/i]
[i]edited by kenan@decisions.com on 3/27/2019[/i]

Unknown

Quick note, that Decisions 6 version and above have a Less editor built into the GUI that you can use to make these edits