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.

Z:\lukasz.orzeszek\dokumentacje\customization\2014-01-08 12_49_30-mRemoteNG - confCons.xml.png

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.

footer

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.

footer

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.