Modify the Editor CSS

Customizing the look of HCL Connections™ using custom CSS.

Procedure

  1. Using a plain text editor, open config/config.js in the extracted Tiny Editors for HCL Connections package.
    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. Continue configuring the Tiny Editors integration or continue with the installation.