Styling in vFire Core 9.10

This topic relates to vFire 9.10, first released in January 2018. You may also wish to view other new features or the release notes in full.

In the 9.10 release, we have made numerous changes to the look and style of the interface for vFire Core, to enhance the user experience. It also draws the different vFire interfaces together as a more coherent suite for the user.

Changes to the Login Screen

The pre login screen has been updated to display the Alemba logo and branding, on a dark background. On clicking the Reload Login button, users will now be presented with a login window which, again, contains the Alemba logo and branding, with updated buttons.

See Logging in to vFire Core for more details.

Changes to the Window

  • The style of the vFire Core window has changed considerably, and there is more consistency across the different areas of vFire Core.
  • The wrapper looks like this: . When you hover over an icon, the background color changes to highlight the current/active option.
  • The toolbar consists of white toolbar buttons on a dark background, and the button icons themselves have been updated: . When you hover over a button on the toolbar, it turns blue. A list of a selection of the standard buttons, and their new icons, is detailed in Standard Buttons. Other button/icons have been updated throughout the documentation.
  • The background color can be changed using the Preferences option on the menu and selecting the Configuration tab. See Changing the Background and Menu Colors for more details. The icon color cannot be changed for individual logins.

    If you have upgraded from a previous version, in which you personalized your settings, the personalized settings will be carried across to the 9.10 version. You can reset them to the default, or select different colors, using the Preferences option as before.

  • The icons in the menu have been updated to reflect the new styling, and only options that are available to you are displayed.
  • The explorer pane has been updated. The headings are now shown in uppercase, with wider kerning between the characters, and on a dark background. The tabs have rounded corners, and the inactive tab(s) have a shaded background. Unavailable items are no longer visible on the menu. (In previous versions, options which were currently unavailable were grayed out, but still visible.)
  • There have been numerous changes to the appearance of the Details pane.
    • Header Text. The white text on dark background style is reflected in headings in the Details pane, and the Info panel. The subheadings in the Info panel are indicated by a lighter gray background.
    • The expandable sections in the details are indicated by blue headings, which are displayed in bold when you hover over them.

  • HTML Editor - expandable window. You can now expand the html editablewindows when they are in Full Screen mode, by dragging the borders. The icon in the bottom right hand corner indicates that the box is resizeable by clicking and dragging its borders.
  • Type Tier fields are now all represented with the same icon - . (In previous versions, there were two different icons, depending on the functionality - and . Type tier selection has been enhanced as its own feature in 9.10. See Using the Multi Tier Selector for more details.
  • Action Buttons at the bottom of the windows have been updated to have a more modern look. They are consistent across all of the windows in vFire Core.

See The vFire Core Window for more details.