Configuring Contact Us style

Optionally, you can alter the style of Contact Us to match your corporate website’s style. By default, Contact Us uses ContactUs.css, located at <drive>:\Program Files (x86)\Mitel\MiContact Center\WebSites\Ccmwa\Content. This default stylesheet can be customized and have multiple copies made of it for use with different instances of Contact Us. If custom instances of ContactUs.css are being used, JavaScript references to Contact Us require parameters specifying the .css file’s location. For more information, see "Adding Contact Us to a webpage" and "Adding Contact Us with the default slider".

If Contact Us is to be integrated within an existing corporate webpage, CSS can be overridden Contact Us’s stylesheet and use the webpage’s CSS stylesheet instead.

Note:
  • It is recommended to only configure colors and fonts. Changing other stylesheet settings, such as icons, may impact Contact Us functionality.
  • Copies of ContactUs.css can be stored in different folders, but must keep the name ContactUs.css.
To configure Contact Us to use the integrated webpage’s CSS
  1. On your Enterprise Server, navigate to <drive>:\Program Files (x86)\Mitel\MiContact Center\WebSites\Ccmwa\Content.
  2. Create a copy of ContactUs.css and add it to a folder within your website.
  3. Update ContactUs.css to match your site’s style.
  4. Add a reference to the copy of ContactUs.css in your JavaScript call to MiccContactUs.js or MiccSideSlider.js.

    For information, see "Adding Contact Us to a webpage" and "Adding Contact Us with the default slider".

Parent topic: Implementing Contact Us
↑