Modify the Editor CSS

Customizing the look of HCL Connections using custom CSS.

Procedure

  1. Using a plain text editor, open customization_path/javascript/tiny/editors/connections/config.js.
    Note: Use a plain text editor to avoid inserting invalid formatting or symbols into config.js. Do not use a rich text editor such as Microsoft Word for editing configuration files.
  2. Locate the property cssUrl such as cssUrl: dojo.moduleUrl('tiny.editors.connections', 'tiny-editors.css'), and change to the URL for the custom CSS.
    Valid values for cssUrl are either a JavaScript string with an absolute URL, or a Dojo API generated URL.
    Figure 1. Using the Dojo API to create a URL for a file within an OSGI package
    cssUrl: dojo.moduleUrl('your-osgi-package', 'path-to-css-file-within-package'),
    Figure 2. Specifying the absolute URL for the CSS file
    cssUrl: 'https://example.com/path/to/css/file.css',
  3. Locate the property cssLite such as cssLite: dojo.moduleUrl('tiny.editors.connections', 'tiny-editors-lite.css'), and change to the URL for the custom CSS for the comment editor.
    Valid values for cssLite are either a JavaScript string with an absolute URL, or a Dojo API generated URL.
  4. When you have finished making configuration changes, follow the post-customization steps to ensure the server cache is updated.
    Note: If the configuration changes do not take affect, restart the Common enterprise application to force a cache update.