How Can We Help?

OTT – DHCP option 175, WWW Customization

You are here:
< All Topics
Document Date and version2024.02.05
Tested with ONT HALNy HL-4GQV / HL-4GQVS / HL-4GQVS2, HL-4GXV / HL-4GXV-FSupported on Version: V3.2.40p2 or above
Tested with ONT HALNy HL-4BX3V-F, HL-4GX3VRSupported on Version: V5.0.9 or above
Tested with Ethernet Router HLE-3GM, HLE-3GX-F, HLE-4BX3V-FSupported on Version: V3.2.40p2/V5.0.9 or above
Revision1
Let us know how to improve below document on: support@halny.com

1. Basics

OTT Customization provides possibility to insert own logos and customize colors on ONT’s WWW via CSS file.

NOTE: Customization can not be deleted by factory reset.

2. Requirements

File’s name, size and extension must be the same as presented below. Files must be packed in zip format.

Logo from login page:

  • Name: „logo.jpg”
  • Size: 337×117

Logo from main page:

  • Name: „biglogo.png”
  • Size: 613×199

CSS file:

  • Name: „custom.css”

3. Example of CSS file

.mainmenustyle {
    background-image: linear-gradient(to left top, #060606ed, #dc0b0b)
}
body{
	color: #dc0b0b;
}
input{
	color: #dc0b0b;
	background-color: #272525;
}
.header_color{
	color: #eb3434;
}
.card {
	background-color: #272525;
	border-color: #000000
}

.card-header {
    background-color: #161515;
    border-bottom: 1px solid #000000;
}

#wrapper #content-wrapper {
    background-color: #060606ed;
}

.bg-white {
    background-color: #0d0909!important;
}
.table {
    color: #dc0b0b;
}
.form-control {
    color: #6e707e;
    background-color: #ffffff;
    border: 1px solid #d1d3e2;
    border-radius: .35rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-info {
	color: #fff;
    background-color: #940404;
    border-color: #000;
}
.btn-info:hover{
	color:#fff;
	background-color:#dc0b0b;
	border-color:#f70505;
}

.btn-danger{
	color: #fff;
    background-color: #0d0c0c;
    border-color: #1c1a1a;
}
.btn-danger:hover{
	color: #fff;
    background-color: #000;
    border-color: #f70505;
}
.btn-primary {
	color:#fff;
	background-color:#eb3434;
	border-color:#eb3434;
}
.btn-primary:hover{
	color:#fff;
	background-color:#b3152d;
	border-color:#4a020d;
}
.btn-primary.focus,.btn-primary:focus{
	color:#fff;
	background-color:#b3152d;
	border-color:#4a020d;
	box-shadow:0 0 0 .2rem rgba(181, 29, 2,.5);
}
.btn-primary.disabled,.btn-primary:disabled{
	color:#fff;
	background-color:#eb3434;
	border-color:#eb3434
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{
	color:#fff;
	background-color:#4a020d;
	border-color:#800a0a
}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(181, 29, 2,.5)
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #4f0545;
    background-color: #eb3434;
}

.input-group-text {
    color: #eb3434;
    background-color: #080707;
    border: 1px solid #080707;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    color: #eb3434;
}

4. Example of Customization XML

<?xml version="1.0"?>
<OTT version="1">
	<HL-4GXV-F>
		<WEB_CUSTOMIZATION>
			<COMMAND></COMMAND>
			<URL>ftp://ftpuser:password@ 192.168.223.11</URL>
			<FILENAME>www_custom.zip</FILENAME>
		</WEB_CUSTOMIZATION>
		<URL>ftp://ftpuser:password@192.168.223.11</URL>
		<FILENAME>G_ONU_HL-4GXV-F_V3-2-40p2-e.bin</FILENAME>
		<VERSION>V3.2.40p2</VERSION>
		<DOWNGRADE_ENABLED>YES</DOWNGRADE_ENABLED>
		<RELOAD_TIME>NOW</RELOAD_TIME> <!-- NOW|0-23 -->
		<EXCLUDED></EXCLUDED> <!-- SN-ONT, SN-ONT -->
	</HL-4GXV-F>
</OTT>

5. WWW Customization clearing

To clear WWW Customization, type “CLEAR” in <COMMAND> node.

<?xml version="1.0"?>
<OTT version="1">
	<HL-4GXV-F>
		<WEB_CUSTOMIZATION>
			<COMMAND>CLEAR</COMMAND>
			<URL>ftp://ftpuser:password@ 192.168.223.11</URL>
			<FILENAME>www_custom.zip</FILENAME>
		</WEB_CUSTOMIZATION>
		<URL>ftp://ftpuser:password@192.168.223.11</URL>
		<FILENAME>G_ONU_HL-4GXV-F_V3-2-40p2-e.bin</FILENAME>
		<VERSION>V3.2.40p2</VERSION>
		<DOWNGRADE_ENABLED>YES</DOWNGRADE_ENABLED>
		<RELOAD_TIME>NOW</RELOAD_TIME> <!-- NOW|0-23 -->
		<EXCLUDED></EXCLUDED> <!-- SN-ONT, SN-ONT -->
	</HL-4GXV-F>
</OTT>

6. Example customization on WWW

Login page
Main page

7. OTT upgrade – DHCP Option 175

Configuration available here.


Table of Contents