Whitelabeling the VICIdial agent screen

VICIfast can put your logo, colors, and button styling on the VICIdial agent screen so it looks like your own product. It does this through VICIdial's native styling hook, which means the screen is reskinned without touching the application logic underneath. Agents see your brand; nothing about how the page works changes.

What the agent screen is

The agent screen is the page an agent works in all day. It shows the lead being dialed, the call controls, the Disposition buttons, and any Agent script you have attached to the campaign. Out of the box it carries stock VICIdial styling. That is fine for an internal team, but it looks out of place if you are reselling the service under your own name or want a consistent look across all the tools your agents touch.

How the reskin works

VICIdial ships a custom.css hook that loads after the default stylesheet. VICIfast writes your branding into a marked block in that file, so your rules win without anyone editing the page markup or the JavaScript. The default styles still load; yours simply come last and override the parts you care about.

That distinction matters more than it sounds. Because nothing in the page structure changes, every popup, transfer dialog, and modal keeps working exactly as it did. You get a new coat of paint, not a forked screen you now have to maintain and re-test every time VICIdial updates.

What you can change

• The logo in the header, swapped for yours.
• The color scheme, including the primary accent that runs across the buttons and headings.
• Button shapes and spacing, so the controls match your house style rather than the stock look.

How a branding change lands

flowchart TD
  A[Pick logo and colors] --> B[Write rules into custom.css block]
  B --> C[custom.css loads after default styles]
  C --> D{Page markup changed?}
  D -->|No| E[Modals and dialogs still work]
  E --> F[Agent sees branded screen]

The same CSS-only approach covers the agent-facing Webphone, so a mobile or browser caller and the main screen can share one consistent look. And if you decide you do not want branding at all, the screen simply falls back to the stock VICIdial style with no broken pages, because you were only ever adding rules, never removing the originals.

Why CSS-only is the safe choice

Reskinning by editing the page itself is tempting but fragile. The moment VICIdial changes a button or moves an element, a hand-edited page breaks and an agent is left staring at a half-broken screen mid-shift. A stylesheet that only adds rules on top is far easier to keep working across versions, which is why the agent screen and the webphone both use it.

It also keeps the upgrade path open. When the underlying VICIdial gets a new release, your branding rides along on top of it instead of having to be re-applied to a freshly forked page. You set your logo and colors once, and they keep applying as the software underneath moves forward.

Who this is for

A branded agent screen earns its keep when agents are not your own staff, or when the screen is part of a product you sell on. Resellers want their customers to see one brand. Operators running several clients on separate boxes want each team to see the right look. Because the branding lives on a single box per customer, none of those setups bleed into each other.

Where VICIfast fits

A branded agent screen is one piece of the larger picture in what VICIfast adds to VICIdial. If you also want to brand the in-app dialpad, see the branded webphone. Since each server provisions in under 40 seconds, you can stand up a branded instance the same day you decide to. The pricing page lists what each plan includes.