CSS applied on full application
I am using web ui theming and I applied css on elements on my work items, but the problem is the same theme is applied across the server.
e.g. if I want to design a radio button on a particular form but its the same theme applied across.
If there would have been unique IDs for each control or a page name is for individual forms then my solution would have worked.
Is there any work around for this?
One answer
Tip: If you would like to alter the appearance of a certain UI element, use a tool like Firebug to inspect the DOM node and see what CSS rules are affecting its appearance. You can then create a theme that overrides those rules in order to alter the element's appearance.
Comments
Hello Lam,
The custom CSS also not sufficient, The css selector is a generic that we can apply and which does get applied onto other work items, if the same element exists on other workitem.
I don't see any specific CSS selector, as the ID name & Class Name is common across different work item.
Any suggestion
The UI theming is really for customizing a class of UI for the site. I think what you want is to customize a specific work item artifact, e.g., work item 21. For that you might want to explore creating custom attribute/work item type and provide custom theme for those specific attribute/work item type. This way only the work item of that type will have the customized theme.
Hope this helped.