Whitelabel option / Customize Interface

aaronlroberts · April 15, 2018, 2:19pm

I’m wondering if there’s any option to edit the user interface (e.g. Change colors, adjust login screen text etc etc).

I would like my users to have a few links in their menu to my FAQs and Support Page, also the ability to create a ticket or at least be sent to a ticket form on another website via a link on the menu etc.

I’ve been using Sentora until 1 day ago, but I plan to make this panel my primary hosting interface, but I’ll need to be able to do the following:

Create default pages (error pages, welcome page etc) for new domains. I’ve noticed that there is a thread about this (How to customize error pages? — CyberPanel - WebHosting Control Panel for OpenLiteSpeed) but it doesn’t specify if it’ll be applied to all existing and newly created domains / users.
I’d like to change some of the colors and fonts of the interface. The panel looks great, I just need to have some continuity for my users.
The ability to create custom menu items if possible
Change / Update the logo

Are any of these options possible. - Also, it would be a great “addon” for users.

usmannasir1 · April 15, 2018, 3:18pm

Most of the customizations you want are on this page:

github.com

usmannasir/cyberpanel/blob/master/baseTemplate/templates/baseTemplate/index.html

{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}
<!DOCTYPE html>
<html lang="en" ng-app="CyberCP">
<head>

    <style>
        /* Loading Spinner */
        .spinner{margin:0;width:70px;height:18px;margin:-35px 0 0 -9px;position:absolute;top:50%;left:50%;text-align:center}.spinner > div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}
    </style>


    <meta charset="UTF-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title>{% block title %}Page Title{% endblock %}</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- Favicons -->
    {% load static %}

This file has been truncated. show original

You just need to have a little bit knowledge of Python, Django, and MVC to achieve what you want.

aaronlroberts · April 15, 2018, 3:24pm

Thanks again @usmannasir

Kyzoe · September 7, 2018, 8:45pm

@aaronlroberts did you managed to do this?

MrVerifit · July 21, 2020, 6:16pm

I have edited some text in login template of cyberpanel on my server. Even after restarting my server several times, no changes are occuring! Can you help to make those changes appear thanks…

edgarlz123 · August 8, 2020, 8:21pm

Type your comment> @MrVerifit said:

I have edited some text in login template of cyberpanel on my server. Even after restarting my server several times, no changes are occuring! Can you help to make those changes appear thanks…

Are modifying on the production directory?

Should be /usr/local/CyberCP/loginSystem

Senator · March 2, 2021, 6:22pm

I would love this to be a feature. Does anyone do white labeling? I will pay for the job.

ScottMiller · June 7, 2022, 8:02pm

Wondering if anyone might be able to point me to where in baseTemplate/index.html I might find where to change the logo? I’m just looking for a couple minor tweaks, starting with the logo.

MyIDKaTePe · June 8, 2022, 8:06am

all you can change…

but when you run upgrade… everything will back to default from cyberpanel…

i have already test it include changing the GUI of panel (not 100%)
and after that i run upgrade
and all is back to default…

too lazy to create new one