Skip to content

Modify the Editor CSS

Customizing the look of HCL Connections™ using custom CSS.

  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.

    cssUrl: dojo.moduleUrl('your-osgi-package', 'path-to-css-file-within-package'),

    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.

Parent topic: Configuring the Tiny Editors integration