MENU
Operations Center
Overview
Stack Templates Management
Legacy vs Dockerized Templates
General Concept
Prepare GitLab Project
Define Template Customization
Configure Template CI/CD
Test Stack Deployment
Integrate Custom Template
Billing Overview
Integration Workflow Diagram
SSO Integration
Billing System Integration
Architecture
PBA Side Installation Guide
Jelastic Side Installation Guide
Customer Experience
PBA Update
Architecture of Jelastic Billing Bridge
PBAS Side Installation Guide
Setup Access to XML-API
Jelastic Side Configurations
Adding Service Plans
PBAS Update
Manual Payments via PBAS
Customer Experience
PBAS Post-paid Billing Model
Cleverbridge Introduction
Cleverbridge Onboarding Process
Cleverbridge Integration Architecture
Cleverbridge Configuration
Jelastic Configuration for Integration
Monitoring and Troubleshooting
Architecture
WHMCS Side Configurations
Jelastic Side Configurations
Redirect for Invoice
Monitoring and Troubleshooting
Customers Experience
Introduction
Protocol
External Billing Methods
Jelastic Billing Methods
Integration Workflow in Diagrams
Possible Error Codes
Auto-Refill Settings
Reasons for Testing
Testing Cases
Setting Refund

Logo Settings

It is necessary to customize logos, used in Jelastic dashboard, via JCA.

At the dashboard two logos are used:

  • at the sign-up/in window

  • in the top left corner of the dashboard

To place your own logos navigate to System Settings and configure the following parameters in the jclient expandable list:

HOSTER_LOGO

HOSTER_LOGO_SMALL

The value has to be of the following format:

{""url"":""[path]/[file].png"",""width"":""[img width]"",""height"":""[img height]""}

The required size of the logos:
LOGO: 180-300px by 50-80px

SMALL_LOGO: 50-60px by 20-22px

Confirm the changes by clicking the Apply button.

Custom Logo for Activation Form

In order to set a separate logo image to be used at the account activation form, follow the next instruction:

1. Access the resources’ application of your platform (res.{platform_domain}) via FTP:

1-logo.jpg

Here the following values need to be specified in the appropriate fields:

  • Host - hostname of your dashboard (URL without the http:// prefix)
  • Port - 2121
  • Logon type - Normal
  • User - res

  • Password - your admin user password (contact your account manager if you do not know it)

2. Once connected, upload a new logo file (with the .png extension), which should be displayed above the activation form, to the Images folder:

3. Then, either create a new activation folder inside the root public_html directory (if you haven’t the signup verification enabled yet) or just find and enter it.

Put the header.html file (which is used for stating the custom dashboard styles - see the details here) with your desired settings specified to this folder:

Here is an example of the code, which can be inserted to the header.html file for defining the custom activation form’s logo:

<style>
 
.logo {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url('https://res.{platform_domain}/images/image.png') no-repeat;
  width: 180px; /* Width of new image */
  height: 236px; /* Height of new image */
  padding-left: 180px; /* Equal to width of new image */
}
 
</style>

Note: Due to the internal system requirements, text in this file should be written in one line, e.g.:

<style>.logo{display:block;-moz-box-sizing:border-box;box-sizing:border-box;background:url(https://res.{domain name}/images/image.png) no-repeat;width:180px;height:236px;padding-left:180px}</style>

You can use the cssminifier.com service (or any other preferred of a kind) in order to minify your configuration for being displayed in such a way.
4. Once the new settings are saved, open the https://reg.{platform_domain}/activation/rebuild link in your browser in order to initiate the changes’ appliance. As a result, the content of this file will be automatically fetched to the index.html page with activation form.