These settings enable you to change the appearance of Cyclr when viewed externally through Cyclr’s various embedding options, such as LAUNCH and Marketplaces, as well as the Account User Inferface as viewed by Account Users.
Note: Changes you make in the areas below may take around 1 minute to update in the interface due to caching.
Application LESS Variables #
The simplest way to alter the appearance of Cyclr is to change the values of the CSS Leaner Style Sheets (or “LESS”) variables.
For example if the body-background is set to #ccc then the background of Cyclr will change to gray.
@body-background: #ccc;
Application Custom CSS #
If changing the LESS variables is insufficient to provide the customization that you require, you can also include your own custom CSS content. This will be included alongside the Application LESS content so you can use both as required.
For example to change the rounded buttons within Cyclr’s inteface to have square corners, you could use the following:
.btn-rounded {
border-radius: 0;
}
Header HTML #
Header HTML allows HTML and JavaScript to be used in the page headers.
<h1>This is a header</h1>
Footer HTML #
Footer HTML allows HTML and JavaScript to be used in the page footers.
<h1>This is a footer</h1>
Launch Complete HTML #
Launch Complete HTML allows for the changing of HTML and JavaScript that is displayed at the end of the install process for LAUNCH and Marketplace.
For more information, see Handling Launch Callback.
Connector Callback Error HTML #
Connector Callback Error HTML allows you to change the HTML content displayed when an error occurs when authenticating a Connector.
The error and error description returned by an external system when authentication fails can be used within the HTML by including the {{error}} and {{error_description}} merge fields.
For example:
<p>The following error has occurred: {{error}} - {{error_description}}</p>