Customizing Newton AI FAQ

Newton AI is a Virtual AI chat assistant that can be easily added to any webpage in order to serve as an expert in your organization and automate and improve customer service. Newton AI is a human-like digital assistant that is always available to answer your user's and customer's questions in real-time, engaging with and satisfying your users like never before.

Here you can find answers to frequently asked questions as well as general information about customizing and styling the Newton AI client user interface.

Q&A

QuestionAnswer
What style customizations are available for the Newton AI UI?Newton AI currently supports user-defined custom CSS style definitions. By navigating to the Newton AI Customizations portal page, you can override CSS styles for individual Newton AI UI components by inserting style definitions in the 'CSS' editor input box. The Newton AI chat window on the Newton AI Customizations portal page is a copy of your own Newton AI instance that you can preview changes against.
What is CSS? CSS is an acronym for Cascading Style Sheets. CSS is a type of computer language that determines how the contents of an HTML(Hyper-Text Markup Language) web page will visually appear on the user's web browser display. CSS can be used on the Newton AI Customization AI portal page to alter the way your clients see Newton AI. You can learn more about cascading style sheets by reading this document from Mozilla.
What CSS classes are available to be overridden?You can view the available Newton AI client CSS classes by clicking the 'View Available CSS Classes' button on the Newton AI Customizations portal page. The classes listed there are sorted by UI component.
How can I preview CSS changes to Newton AI? The Newton AI chat window on the Newton AI Customizations portal page is a copy of your own Newton AI instance that you can preview changes against. To preview your changes, click on the 'PREVIEW' button under the CSS editor form. Clicking the 'PREVIEW' button triggers Newton AI to be reloaded with the pending changes applied.
Can I host my custom CSS style definitions on my webpage or server?Since Newton AI is securely encapsulated in an iframe, this is not currently possible. The only way to serve custom CSS to Newton AI is with the 'CSS' editor input on the Newton AI Customizations portal page.
Are there any CSS libraries supported by the Newton AI CSS editor?The Newton AI CSS editor currently only supports references to the standard Bootstrap CSS library. To request support for another library, or for general feature requests, please reach out via the form on our Contact Us page or by email at admin@chicagoai.io
Can I embed custom Javascript for the Newton AI client in the 'CSS' editor input?For security reasons, custom Javascript for the Newton AI client UI is not currently supported. Any Javascript inserted in the 'CSS' editor input on the Newton AI Customizations portal page will be escaped or sanitized. This policy may change in the future.
Can I embed custom CSS links for the Newton AI client in the 'CSS' editor input?For security reasons, embedding link tags for the Newton AI client UI is not currently supported. Any tags inserted in the 'CSS' editor input on the Newton AI Customizations portal page will be escaped or sanitized. This policy may change in the future.

If the Q&A above doesn't answer all your questions, please don't hesitate to reach out and ask us a question using the form on our Contact Us page.