FAMOC Interface Customization
FAMOC allows administrators to customize certain elements of the interface, such as footer links, company logo, colors of tabs and subtabs and icons.
Footer Customization
In order to customize footer of the FAMOC console, the admin needs to upload a properly prepared file to the following directory /var/www/aplikacje/branded.
It is also possible to use an example file called custom_footer.html.example, which includes the original footer of the admin console. The file is located in the branded directory. To perform changes, edit the content of the file and remove .example from the file name.
NOTE: It is required that the file is named exactly “custom_footer.html”.
Graphics Customization
All modifiable graphic files are available on the FAMOC server. To change an item, copy it from the /var/www/aplikacje/img/darkblue_new directory and, after modification, paste to a newly created directory: /var/www/aplikacje/img/branded.
The files located in branded directory have priority and are displayed automatically by the FAMOC console. If the graphics have no counterpart in the branded directory, FAMOC displays the files located in /var/www/aplikacje/img/darkblue_new directory.
NOTE: It is necessary that after modification, files pasted to the branded directory are given an identical name (lowercase / uppercase letters), size (height / width) and format as the original files from the /var/www/aplikacje/img/darkblue_new directory.
Left Logo Customization
File that needs to be edited: logo_left.png
Required file format: PNG
Required file size: “X” x 25 pixels (where “X” means the custom width of the file)
Right Logo Customization
File that needs to be edited: logo_right.png
Required file format: PNG
Required file size: “X” x 25 pixels (where “X” means the custom width of the file)
Tabs Color Customization
Files that require to be edited:
C_close_tab.png
C_close_tab2.png
C_open_tab.png
C_open_tab2.png
L_L_close_tab.png
L_L_close_tab2.png
L_L_open_tab.png”
L_L_open_tab2.png
L_open_tab.png
L_open_tab2.png
L_R_close_tab2.png
R_open_tab.png
R_open_tab2.png
R_R_close_tab.png
Required file format: PNG
Changing style
File - /var/www/apps/css/style.css
Dark blue FAMOC colour is #1e5aaa, which can be replaced according to your own needs. Providing software producer with colour code is required.
Favicon Customization
File that needs to be edited: favicon.ico
Required file format: ICO
Required file size: 16 x 16 pixels
File that needs to be edited: favicon.png
Required file format: PNG
Required file size: 196 x 196 pixels
Page Title Customization
In order to customize page title of the FAMOC console, the admin needs to upload a properly prepared file to the following directory /var/www/aplikacje/branded.
It is also possible to use an example file called custom_title.html.example, which includes the original title of the admin console. The file is located in the branded directory. To perform changes, edit the content of the file and remove .example from the file name.
The content of the file should contain “<title></title>” tag with custom title inside.
NOTE: It is required that the file is named exactly “custom_title.html”.
Removing of the Copyright
In order to remove copyright sign from FAMOC console footer, the admin needs to upload an empty file “_NO_COPY.txt” into the /var/www/aplikacje/branded directory.
NOTE: It is required that the file is named exactly “_NO_COPY.txt”.
FAMOC String Customization
In order to customize ‘FAMOC’ or ‘FancyFon Mobility Center’ strings in the console, the admin needs to upload a properly prepared file named “system_display_name” to the /var/www/aplikacje/branded directory.
File should contain string that will replace both words in the console.
NOTE: It is required that the file name is named exactly “system_display_name”.
New FAMOC GUI Customization
In order to edit new FAMOC GUI elements, it is necessary to create and edit the content of the file application.conf.brand, which is located in the /var/www/famocx/protected/configuration directory. The variable needs to be changed as shown below.
[system]
CUSTOM_THEME=1
CUSTOM_THEME_NAME=blue-famoc
It is possible to choose color from a list of predefined colors.
black-orange.csse - #f37321
black-purple.css - #642E86
black-red.css - #ff0000
black-white.css - #000000
blue-famoc.css - #00b4ff
green-atlantis.css - #66cc33
green-goblin.css - #3d8840
green-lima.css - #68af22
lady-in-grey.css - #E20074
lmt-orange.css - #FF6A13
pink-lady.css - #E20074
purple-eminence.css - #642e86
red-crimson.css - #e0201b
red-e21838.css- #e21838
red-ribbon.css - #e20031
red-solid.css - #ff0000
Footer Customization
In order to customize the footer of the FAMOC console, the admin needs to upload a properly prepared file to the following directory /var/www/famocx/themes/custom/html.
It is also possible to use an example file called footer.html.example, which includes the original footer of the admin console. The file is located in the html directory. To perform changes, edit the content of the file and remove .example from the file name.
NOTE: It is required that the file is named exactly ”footer.html”.
Graphics Customization
All modifiable graphic files are available on the FAMOC server in the directory: /var/www/famocx/themes/custom/images.
FAMOC Logging Page Logo Customization
File that needs to be edited: system_logo_login.png
Required file format: PNG
Required file size: 200 x 150 pixels
Custom background on login page
File that needs to be edited: system_background_login.png
Required file format: PNG
Required file size: 1920 x 500 pixels
Monitoring page Logo Customization
File that needs to be edited: system_logo.png
Required file format: PNG
Required file size: 230 x 62 pixels
Favicon Customization
File that needs to be edited or created: favicon.ico
Required file format: .ico
Required file size: 32 x 32 pixels
File that needs to be edited or created: favicon.png
Required file format: .png
Required file size: 196 x 196 pixels
Page Title Customization
In order to customize the title of the FAMOC console, the admin needs to upload a properly prepared file to the following directory /var/www/famocx/themes/custom/html.
It is also possible to use an example file called title.html.example, which includes the original title of the admin console. The file is also located in the html directory. To perform changes, edit the content of the file and remove .example from the file name.
The content of the file should contain “<title></title>” tag with custom title inside it.
NOTE: It is required that the file name is exactly “title.html” and “footer.html”.
Replacing phrase ‘FAMOC’ in new interface
In order to replace the phrase 'FAMOC' with custom name, after loading the translation file, place the properly prepared system_display_name file in the /var/www/famocx/themes/custom directory. This file should contain content that will replace the words.
NOTE: It is important that the file name is system_display_name.
MyDevice Portal Customization
Graphics customization
All modifiable graphic files are available on the FAMOC server in the directory: /var/www/myDevice/self/images.
MyDevice Logo Customization
File that needs to be edited: famoc-logo.png
Required file format: PNG
Required file size: 200 x 77 pixels
Color Customization
In order to set a different color in myDevice portal, it is necessary to edit the content of the file famoc.css, which is located in the /var/www/myDevice/self/css directory.
File that needs to be edited: famoc.css
Required file format: CSS
Inside the content of this file search for RGB color that was used in original branding which is “#00a1e4”. In order to change the color it is necessary to replace each #00a1e4 to the desired branded color (example red is #FF0000).
Page Title Customization
In order to customize the title of the FAMOC console, the admin needs to change content of two files located in the following directory /var/www/myDevice/self/
File that needs to be edited: index.php
Required file format: PHP
Required changes: each <title>FAMOC</title> within the file changed to custom title.
File that requires to be edited: oldbrowser.html
Required file format: HTML
Required changes: each <title>FAMOC</title> within the file changed to custom title.