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
| Steps to Reproduce: | 1. Create a new UI Theme
2. Copy the Teal and Grey UI Theme CSS Code
3. Paste the Teal and Grey UI THeme CSS Code into the new UI Theme
4. Click save |
| Expected Result: | Saves correctly |
| Actual Result: | Receive Error "The Input CSS has validation errors. Please resolve.". The CSS Code is filled up with \t \n \r text and the css fails. |
I carried out some analysis on this once I saw it, and determined it was this one entry that was tripping it up:
.caui-ganttBarLabelBkgrnd-IE{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ui/uitk/tngtheme/images/gantt/gantt_bg_title_30-75.png', sizingMethod='scale');
}
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:
.caui-ganttBarLabelBkgrnd-IE{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=ui/uitk/tngtheme/images/gantt/gantt_bg_title_30-75.png, sizingMethod='scale');
}
(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:
.caui-ganttBarLabelBkgrnd-IE{
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).
.caui-ganttBarLabelBkgrnd-IE{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader('ui/uitk/tngtheme/images/gantt/gantt_bg_title_30-75.png', 'scale');
}
(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.