User Manual

35
UniFi Controller User Guide
Ubiquiti Networks, Inc.
Chapter 3: Using the UniFi Controller Software
AngularJS Select AngularJS for client-side rendering.
• Title Enter the title of your portal. The default is Hotspot
portal.
• Welcome Text Select Enable welcome text to add a
welcome message.
After you have added your welcome text, click Submit
to save your changes or click Cancel.
Once you have welcome text, then you can click
EDIT
to
make changes.
- Text position Select the appropriate location for the
welcome text, Under the logo or Above boxes.
• Terms of Service Select Enable terms of service to add
any terms of service you want hotspot users to accept.
Click Submit to save your changes or click Cancel.
Once you have the terms of service, then you can click
EDIT
to make changes.
• Portal Customization You can make the following
formatting changes:
- Customize logo Click Upload image and select the
logo you want to use. (We recommend the use of the
.png format.) Then click Open.
- Background image Click Upload image and select
the image you want to use. (We recommend the use
of the .jpg format.) Then click Open.
• Tile background image Select this option if you
want to repeat the background image in a tile
pattern.
- Background color Click Button color to select the
appropriate color, or enter the hexadecimal HTML
color value you want to use. The default is #cccccc.
- Text color Click Button color to select the
appropriate color, or enter the hexadecimal HTML
color value you want to use. The default is #1379b7.
- Button color Click Button color to select the
appropriate color, or enter the hexadecimal HTML
color value you want to use. The default is #1379b7.
- Button text color Click Button text color to select
the appropriate color, or enter the hexadecimal HTML
color value you want to use. The default is #ffffff.
- Link color Click Link color in box to select the
appropriate color, or enter the hexadecimal HTML
color value you want to use. The default is #1379b7.
- Box color Click Box color to select the appropriate
color, or enter the hexadecimal HTML color value you
want to use. The default is #ffffff.
- Text color in box Click Link color in box to select
the appropriate color, or enter the hexadecimal HTML
color value you want to use. The default is #000000.
- Link color in box Click Link color in box to select
the appropriate color, or enter the hexadecimal HTML
color value you want to use. The default is #1379b7.
- Box opacity You can change the opacity of the box
background color. The default is 90.
• Desktop Preview Enabled by default. The Desktop
Preview previews the portal in the desktop view.
• Mobile Preview Click Mobile Preview to preview the
portal in the mobile view.
• Reset Style Reset Portal Customization changes to the
factory defaults.
Note: At this time AngularJS does not support
voucher customization; however, you can
customize vouchers using the voucher.html and
voucher.css files. Refer to “Customizable Default
Files” on page 128 for more information.