Abiquo Documentation Cookies Policy

Our Documentation website uses cookies to improve your experience. Please visit our Cookie Policy page for more information about cookies and how we use them.


Abiquo 4.7

Skip to end of metadata
Go to start of metadata

This section describes the images that are supplied with the Sample Theme. These images fit into the default styling and design of the user interface and can be used as a guide for the approximate dimensions of your images.

In Abiquo branding you can add your own images and restyle them as required .

Customization Precedence

Customizations of the colors or images in the enterprise console themes will override customizations in the login theme.

Enterprise Logos

  • We recommend a transparent background so that the background shading underneath the logo will be visible
  • High resolution logos (with higher ppi) may download slowly to the browser and display slowly to the user
  • The abiquo_gray.png file is the default enterprise logo in the sample theme

abiquo_gray

The abiquo_gray.png file is used as the default enterprise logo.

Dimensions: 132 x 33 pixels

abiquo_login

The abiquo_login.png file is displayed in the login dialog

Dimensions: 223 x 53

abiquo_watermark

The abiquo_watermark.png file is displayed in the background of the login screen

Dimensions: 677 x 577 pixels

favicon

The favico.ico file contains a small Abiquo logo in Microsoft icon format. By default the favicon is shown in the browser tab where Abiquo is running

Dimensions: 16 x 16 pixels

The image shown here is a png version. To obtain the favico.ico version, click on the following link

favicon.ico

mainmenu-buttons

The main menu buttons are individual icons of 30x30 pixels, loaded by the customer in the CSS file.

Individual icons
Home icon

Infrastructure icon

The infrastructure icon is the solid fa-server icon from fontawesome.

Virtual datacenters icon

The virtual datacenters icon is the solid fa-cloud icon from fontawesome.

Apps library icon

Users icon

The users icon is the solid fa-users icon from fontawesome.

Pricing icon

Events icon


Control icon

The control icon is the solid fa-heartbeat icon from fontawesome.

Configuration icon

Reports icon

Documentation icon

The documentation icon is the fa-book icon from fontawesome.

External URLs icon


Icon sheet

If you have a custom icon sheet as in previous versions of Abiquo, you will need to create custom CSS to reference the icons on this sheet. An icon sheet is displayed here against a colored background. 

 

For example, the CSS to reference the virtual datacenters icon is:

.main-menu-section-link-icon-library {
  background: url(../../abicloudDefault/img/mainmenu-buttons.png) no-repeat 0 -90px;
}