Branding the Validator Tool

Accessing

This article outlines how to customize the visual appearance of the Validator PagesTool pages using the system messaging editor. This allows organizations to Editbrand the Lookvalidator interface with custom headers, text, and Feellayouts to provide a consistent user experience. This guide is intended for OPS-COM administrators responsible for system configuration and design.

Setup and Configuration

FromTo customize the look and feel of the Validator Tool, you must first access the specific system messages associated with these pages.

1. Hover over System ConfigConfiguration Menuand click on System Messaging.

   

2. A page with two tabs will appear. Click on the Messages tab to access the list of editable system messages.

   

3. ThereLocate arethe three specific messages to editused for the Validator Tool.
   
   They are:Tool:

   • The Validator Entry

     message
     The

   • Validator Manage

     message
     The

   • Validator Report message
     
     Each of these pages represent the three Validator Tool Pages.

     

   Here's

   what
they look like in the Message System Editor.

Using this Feature

ToAdministrators can edit the messagecontent clickand onlayout of the Validator Tool pages using either a visual WYSIWYG editor or direct HTML code.

1. Click the Edit button

   

   next

   Theto editthe specific Validator page willyou display.wish to modify.

2. On this screen you will enterEnter a descriptive title for your page asin wellthe asTitle anfield.

   identifier.
This

3. Enter a unique identifier mustfor bethe unique.
   Youpage mayin alsothe selectappropriate afield.

4. Select the desired language setting for your page.

5. TheModify the page canlayout beand editeddesign inusing the visual WYSIWYG editoreditor.

   where

1. Click the Tools menu and select <>Source code if you canprefer visuallyto designedit the page using straight HTML.

2. Save your changes to apply the new branding to the selected Validator page.

---

Best Practices and Considerations

• NOTE:Unique Identifiers: The identifier entered on the edit screen must be completely unique to prevent page routing conflicts within the system.

• Image Sizing: TheWhen adding a main graphic imageor usedheader inimage, ourit exampleis measuresbest 1448practice pixelsto inmaintain a consistent width andof 2271448 pixelspixels, in height.
  Best practice would be to maintainthough the same width but the height can be adjusted to your preference (e.g., 227 pixels).

• File Management:. UploadBefore inserting a custom graphic into your page design, be sure to upload the preferred image to your system's Files Folder using the Manage Files functionality.

  

It is also possible to edit the page in straight HTML. To do so go to the Tools menu and click on <>Source Code.



A popup will appear with the code presented.



Sample Code

Validator Entry Expand source

The Resulting Page