How Can We Help?
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 ONT HALNy HL-4BX3V-F, HL-4GX3VR | Supported on Version: V5.0.9 or above |
Tested with Ethernet Router HLE-3GM, HLE-3GX-F, HLE-4BX3V-F | Supported on Version: V3.2.40p2/V5.0.9 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.