Extending the Symbol Editor with custom CSS functions

Question

How to extend the Symbol Editor with custom CSS functions?

Answer

Three steps to successfully register your own predefined CSS function in the Symbol Editor:

1. Develop and compile your custom CSS function. The custom function must implement ilog.views.sdm.rendere.IlvSDMCSSFunction. Refer to JViews Diagrammer > Programmer's documentation > Developing with the JViews Diagrammer SDK > Using CSS syntax in the style sheet > Applying CSS to Java Objects > Expressions > Custom Functions section for more detail information.
2. Modify the ilog/views/util/css/cssfunctions.properties file to register your CSS function. This file locates in the jviews-framework.jar and jviews-framework-all.jar. Detail instructions are available in the file itself.
3. Add the new CSS function and the modified cssfunctions.properties to the CLASSPATH. You can either add your CSS function class and the modified cssfunctions.properties file directly into the jviews-framework.jar and jviews-framework-all.jar, or you can pack then in a separate jar and add this jar in front of the CLASSPATH.

To use this new function in Symbol Editor, Symbol Compiler, or Designer, simple editing the run.sh or run.bat of the appropriate application to include your jar file in front of the classpath.