Report Web Service: How to retain the minimalist menu look on custom styles (Legacy Report Web Service DBxtra ver. 8.2.3 amd prior)

DBxtra 8.2 made some changes to the interface that require you to make some adjustments on custom style sheets made before this version to retain the minimalist look of the menu on the Report Web Service, to know if you’re using a custom style sheet, you can open the Designer and go to Report Web Service->Options->Configuration and Appearance, there go to the Style tab and see the value of the Style Template field.

To make these changes you need to have some CSS knowledge.

1.- Go to the folder where the repository is (Utilities->DBxtra Repository->DBxtra Repository Path).

2.- Go to the Styles->General folder.

3.- Open your custom style sheet with a text editor (like Notepad++), to know the name of your style sheet go to Report Web Service->Options->Configuration and Appearance and look in the Style Template field.

4.- There look for .MenuTopStyle and replace it for .MenuTopStyle#MenuTop.

5.- Look for .MenuTopItemStyle and replace it for #MenuTop .MenuTopItemStyle (note there is a space in between).

6.- Look for .MenuTopItemStyle:hover and replace it for #MenuTop .MenuTopItemStyle:hover (note there is a space in between).

7.- Save the style sheet and refresh your browser, the earlier look of the menu should be back.