I recently installed CA PPM 14.3 and as usual I would take one of the UI themes to customize it, so I decided to go with "Teal and Grey" this time because it looks nicer. But when I copy the css into a new theme (so I can freely modify it) I get this message "The Input CSS has validation errors. Please resolve.". I don't know why am I getting this message since I'm using the exact same css code as the original Teal and Grey.
Ok, we discovered that it's an user interface issue that's not allowing to save all of the css (it as a characters number limit?). We tried overriding the css via SQL and it works!
set css = (select css from CMN_UI_THEMES where code = 'tealgrey')
where code = 'test'
Still after this, we cannot change it using the user interface... it's not ideal to use sql to update neither...
This had been reported (recently) as the following defect in 14.3:
CLRT-79002 Can not save new UI Theme using the Teal and Grey UI Theme CSS Code
I carried out some analysis on this once I saw it, and determined it was this one entry that was tripping it up:
Everything else saves as expected via the UI.
Specifically it doesn't like 'src' followed by a parameter in single quotes.
So the workaround would be to remove this entry or provide an alternative.
Possible alternatives might include:
(quotes around the src attribute have been removed - I've seen examples of this elsewhere but not certain on the browser support).
Or maybe it's possible to drop the 'named arguments' by just describing the entry like this:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(true, 'scale', 'ui/uitk/tngtheme/images/gantt/gantt_bg_title_30-75.png');
(Here I've supplied the parameters in the order they are defined on the page https://msdn.microsoft.com/en-us/library/ms532969%28v=vs.85%29.aspx but I'm not sure if they are just listed alphabetically here and maybe a different order is required).
(If a different order can work, this would be the one I would try, dropping the 'Enabled' property).
One of these options may work, but I have only gone as far as checking the CSS then saves correctly in the theme, not seeing how it affects the rendering of the gantts on all our supported browsers to see if that is correct. Hopefully this helps though, otherwise further saves can still error out, and unfortunately you do want the UI to validate your CSS and not just do it via database updates because when the CSS is bad enough it has been able to bring the application down or make it otherwise unusable - better to be safe.
I hope that helps.
Thanks for sharing this tip, Nick
Happy Friday ! Have a nice weekend
Thanks Nick & Patricio - you just saved my day.