TIBCO MDM Customization Guide - TIBCO Product Documentation

42 Chapter 2 Customizing User Interface|Customizing GUI Colors and LogosCustomizing ColorsColors of different sections of TIBCO MDM GUI as well as the font type, weight,and text alignment on different UI labels can be customized. This is achieved bymodifying the CSS style sheet file styleforwidgets6.css located inECM.ear/EML.war/css. Changes made to the CSS modify the GUI for all users onthat particular instance, irrespective of the enterprise.This is achieved by making a copy ofECM.ear/EML.war/css/styleforwidgets6.css and placing it in the$MQ_COMMON_DIR/htmlprops/css directory. Modify the required CSS style class.To better understand different CSS styles, refer to the section Style Sheet, page 43.A custom CSS style sheet can also be placed by creating a custom.css file andplacing it in the $MQ_COMMON_DIR//htmlprops/css directory.To modify the CSS:1. Open {MQ_HOME}\ECM.ear\EML.war and extract the styleforwidgets6.cssfile.2. Edit the CSS file for any GUI-related changes required and save the file. Youcan edit the CSS file in Notepad or use any CSS editing software available.To modify a particular part of the GUI, edit the relevant class in the CSS file.For a list of classes that need to be modified for different parts of the UI, referto Style Sheet, page 43.3. Replace the updated CSS file in same {MQ_HOME}\ECM.ear\EML.war\.4. Deploy the updated ECM.ear on the application server.5. Restart the application.TIBCO MDM Customization Guide