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.