OTT – DHCP option 175, WWW Customization

Document Date and version	2024.02.05
Tested with ONT HALNy HL-4GQV / HL-4GQVS / HL-4GQVS2 / HL-4GXV / HL-4GXV-F	Supported on Version: V3.2.40p2 or above
Tested with Ethernet Router HLE-3GM / HLE-3GX-F	Supported on Version: V3.2.40p2 or above
Revision	1

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

7. OTT upgrade – DHCP Option 175

Configuration available here.

---