Header image (logo)
Height limitation is 24px. If an image size is larger, it is proportionally reduced (height and width). There are no limitations for an image width. If it is greater than a screen width, a horizontal scroll will be available. Thus, the width 260px and less is recommended (the width of IPhone 4 minus 60px for the language selection element).
Top image (banner)
The image width itself is not clearly limited, but as it is located inside the main 400px block containing control elements, it should be not more than 400 px too. . If the image width is more than 400px, it is proportionally reduced. The height is not clearly limited. The higher the image, the lower is the location of control elements.
| Информация |
|---|
| If a screen width is less than 400px, the image will occupy all available width. |
Bottom image (banner)
The image width itself is not clearly limited, but as it is located inside the main 400px block containing control elements, it should be not more than 400 px too. If the image width is more than 400px, it is proportionally reduced. Height is not clearly limited. The higher the image, the higher the initial page.
| Информация |
|---|
| If a screen width is less than 400px, the image will occupy all available width. |
Right and left images (banners)
The banners have the top margin consistent with the top banner's bottom (i.e. 47px + top_image_height px). Maximum width is 200px, height is not clearly limited. The higher the image, the higher the initial page. If the image width is more than 200px, it is proportionally reduced. Image blocks border on the main block containing control elements. If the image width is less than 200px, it will be placed in a centre of a 200px block, and a space will seem to appear between the image and the main block.
| Информация |
|---|
| If both the right and the left banners are configured, and a screen width is from 600 to 800 px, the both banners are hidden. If either the right or the left banner is configured, the image is not hidden. If a screen width is less than 600px, images are hidden anyway. |
Background
A high-quality image is needed to be correctly displayed on big screens. An image should be centred in both X and Y directions and cover the whole background area (if an image is too small, it will be stretched that will result in a loss of background quality). It is not recommended to put significant elements on a background image, as when screen size is small (smartphones), it will be almost completely covered with control elements.
...
| Предупреждение |
|---|
| Attention! Side banners are not displayed in mobile version. |
Information on other elements (buttons, labels, etc.)
The following elements can be configured:
...
| Предупреждение |
|---|
| Elements order, banners location and the relative size of buttons are constant. Only one copy of each banner can be created. Thus, two top or bottom banners cannot be created. |
Additional pages
In addition to the login page, other pages can be configured on the portal:
...
| Информация |
|---|
| Configured colour schemes for input elements (fields, buttons) will be displayed the same way for all pages. Configured graphical elements: logo, background and banners will be displayed the same way for all pages. |
Language settings
When a multi-language configuration is used, text labels and banners can be created separately for each language.
The languages supported by the platform:
...
| Информация |
|---|
| A colour scheme (buttons and fields settings) will be the same for all languages. |
A layout of banners on a portal
Banners in the mobile layout:
...