Page History

You can CardioLog has built-in options to help customize your surveys to match the look and feel of your site. Additionally, you can use CSS to further brand your surveys using with your organization's logos and style and logos to fully own and identify itto fully present them as your own.

This article contains information on how to design surveys (e.g., fonts, colors, spacing) using CSS. 

...

1. Create a survey.
2. In the main Surveys window under Visitor Engagement, select the survey and click Preview. 
3. Use the browser console to inspect the HTML and CSS elements and edit the style of the survey. On most browsers, you can right-click the survey preview and select "Inspect Element" to open the Inspector.
   
    
   Surveys Dashboard
    

4. Create custom rules for the desired survey elements within the CSS code. 
   
   For example - , you can change the text color of list items to red by creating the following CSS rule:

   Info
   icon false
   #cas li {color:red;}

   
   
   Survey Preview
   Note - create CSS rules that will apply for surveys only by specifying
   Note: You must specify the element ID (for example - eg., the survey div ID is is #cas) in order to create CSS rules that will apply to surveys.

Anchor
apply rules apply rules

Apply your Custom CSS Rules

1. Add the custom CSS rules to [CardioLog Installation Folder]\CardioLog\Styles\customSurvey.css. When custom rules are added to this file, changes will only apply to the surveys' survey preview in the CardioLog user interface, so you can test your changes before you make them public.
   The [CardioLog Installation Folder] - by default, CardioLog is  is installed on "C:\Program Files\Intlock\CardioLog\" by default.
   
   
   
   
2. Add the custom CSS rules to [Installation Directory]\CardioLogAgent\custom.css. When custom rules are added to this file, changes will apply to the surveys that appear publicly in SharePoint.
   [Installation directory] - by default, the CardioLogAgent folder is located in the CardioLog Installation folder. If the CardioLog Analytics SharePoint feature is installed, the CardioLogAgent folder is located on all SharePoint WFEs (Web Front Ends) under in the SharePoint website "_layouts" folder.

 Note: Intlock cannot guarantee functionality for CSS code that has been edited manually by the client according to the Service-Level Agreement (SLA).