How to use CSS

If you are familiar with the CSS technology then you can customize and enhance the look and feel of your Aware IM application. You can also improve “responsiveness” of your application by providing media-specific definitions for your screen elements.

Aware IM lets you assign CSS classes and styles to most of the widgets it uses – grids, calendars/schedulers, forms, visual perspectives, tabs and so on. You can, therefore, use custom fonts, colors, visual effects for specific queries, visual perspectives or forms. In addition you can refer to your specific CSS classes when defining your custom HTML fragments – in forms, in content panels of your visual perspectives, in custom panel headers, etc. See the Sales Portal and CRM sample application for the examples of using CSS classes in an application. Many queries and forms in these applications use custom CSS classes.

You can create one or more CSS files and put your class definitions there. You can then put your file(s) into the AwareIM/Tomcat/webapps/AwareIM/Custom/CSS folder. Or you can create a sub-folder within this folder and put your CSS file(s) there. The difference is that CSS files placed into the root CSS folder are available to ALL your applications, whereas if you put the file(s) in the sub-folder they become available to a particular application only. In this case you have to make sure that the name of the sub-folder is exactly the same as the name of the corresponding business space.

Placing the files in these folders is all you have to do – at runtime Aware IM will automatically upload and use the files from these folders.