1 of 1 people found this helpful
so what is ask here?
Do you want to understand what your css code actually does as functionality wise?
There is no documentation as such on how rebranding is done. The code is identified based on inspect element F12 debugger.
Hi Sidhdesh Punaskar - was trying to find out if there was any where the other rebranding options are done. I was sharing what we have done currently in our environment. But like you stated, either the solution was from another post that was shared, or we stumbled upon it by comparing a working rebranding option and using the browser F12 debugger on another page that we wanted to customize.
I was wondering if there were more concrete docs/references out there instead of just a hit-or-miss option for developers to experiment and try out.
Thanks for your reply!!
2 of 2 people found this helpful
You can always open the CSS folder under current folder of default DWP Installation location and edit the dwp.css code, if you want a clear CSS formatting then you can copy & paste the content from dwp.css file and use the link (https://www.cleancss.com/css-beautify/ ) to modify the formatting of the current CSS, then change the necessary codes.
And if you want to preview the content of changes which you have then you can always use the F12 (debugger) to do the necessary changes and preview the content,
Hi Jijil Gopalan - thanks for that info! Will definitely look into it, especially using cleancss.com to preview/update css formatting.
However, editing dwp.css (or in our case, myit.css) still requires touching a file under \Smart_IT_MyIT\ux\current\myitapp\styles\css and the \ux\ folder is typically one of the folders that is replaced during updates/patches/hotfixes. So that then would require that we go back and re-apply any "rebranding" that was done previously.
The goal is to keep rebranding options in the \Tomcat\webapps\tenant-custom-res\000000000000001\ so that we don't have to keep re-applying. Maybe it's possible to translate any of the changes to those css files into style-myit.css. Worth a look.