Branding the Validator Tool

Owned by Former user (Deleted)
Last updated: Mar 30, 2022
3 min read

The validator tool is a flexible virtual permitting tool that can be set up to be used by a admins with a very specific set of permissions. It can also be set up to be used by admins outside of your organization and in that case can be branded to your company look and feel instead of the generic OPS-COM centric look and feel. This article will explain how to access the brandable portion of the three pages related to the Validator tool.

Accessing the Validator Pages to Edit the Look and Feel

From the System Config Menu click on System Messaging.

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

There are three messages to edit for the Validator Tool.

They are:

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.

To edit the message click on the Edit button

The edit page will display.

On this screen you will enter a title for your page as well as an identifier. This identifier must be unique.
You may also select a language setting for your page.

The page can be edited in the WYSIWYG editor where you can visually design the page.

NOTE: The main graphic image used in our example measures 1448 pixels in width and 227 pixels in height.
Best practice would be to maintain the same width but the height can be your preference. Upload the preferred image to your 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 
<div style="position: relative;">
<h1 id="mcetoc_1fv19ubfr0" style="position: absolute; bottom: 10px; left: 50px; padding: 10px; border-radius: 20px; color: white; background-color: rgba(0,0,0,0.6);">Validator Entry By OPS-COM</h1>
<img style="max-width: 100%;" src="https://tomahawku-3.dev.parkadmin.com/uploads/FILES/OC_TOMA/generic-cityscape-3_cropped_1648237539.jpg" alt="" width="1448" height="227" /></div>  

The Resulting Page

Related Pages