1. Overview
Vienna Advantage represents data in windows in many ways like in single view, grid view, card view and map view. Then further with single view and grid view, we can show tab panel and included tab.
...
Note: New Header Panel functionality will work base on setting mentioned in section (5 Framework Version) at the end of document.
...
2. Header Panel
User can create header panel and link with first tab of any window. For this, user must login with System Administrator role. To create a header panel and link with tab, following windows are involved:-
...
First of all, user must create a design of header panel using header layout window. After that search for the window in “Window, Tab and Fields” with which you want to link this header panel. User can link header panel with first tab only, but this will be visible on all the tabs. Detailed description of this process is explained below.
2.1 Header Layout
This window used to create header panel. You have to link header layout with tab in Window, Tab and Fields. This window contains 3 tabs.
...
Style and Padding fields of item, overrides the respective fields of grid header (block) for current block.
2.2 Window, Tab and Fields
To link Header panel with window, new fields are introduced in Tab and Field tab of “Window, tab and Fields” window. Functionality and use of these fields are explained below.
...
Field Name | Description |
Header Panel Item | If this checkbox is checked, only then rest of the fields of parent field group will be displayed. |
Header Seq No. | It defines the sequence number of field in Header Panel. Framework will match sequence no. of field with sequence no. of item of header panel and based on settings of item of header panel current field will be displayed. |
Header Override Reference | This field is used to change the reference type of field for header panel. |
Header Style | If user want to override style defined at item of header panel window, then provide style here. User has to enter CSS properties here and these properties will be applied the items of block. Example: background:gray;font-size:20px;color:black |
Show Header Heading only | If this checkbox is checked, then only heading will be displayed with field in header panel. |
Show Header Icon Only | If this checkbox is checked, then only icon will be displayed with field in header panel. |
| If Show Header Heading only and Show Header Icon Only are left blank, then both icon and heading will be displayed. If Show Header Heading only and Show Header Icon Only are set to Yes, then both icon and heading will be hidden. |
3 System Image
Got to link for understand System Images Images
4 Example To Create Header Panel
In this example, we are going to explain how to add an item in header panel. In Overview section, there is an image of business partner window having header panel displayed with it. We are going to explain, how this header panel is created and then explain one of items of header panel.
...
Example for different padding from all side: 10px 5px 10px 5px. This means 10px from top, 5px from right side, 10px from bottom, 5px from left side.
5.Framework Version
User can run system in old and new UI by doing setting on "System Config" window. Steps are mentioned below:
Login with "System Administrator" role
Open "System Config" window
Search for key 'FRAMEWORK_VERSION' record. If its value is "2" or more, only then New Window UI, all new fields and header panel functionality will work.
If its value is "1" then system will ignore all new applied settings and run with exiting Window UI.
Enhancements In Framework Version 4.4.6.0
In order to provide more flexibility in Header Panel design, Vienna has provide few more options. Using these options, designing in Header Panel can be more easy and it will provide more ways to setup items.
Display Identifier Image
If any column having reference image is marked as identifier in any table, and reference of that table is used in another table. Now if that refence column is used in header panel, then image will be displayed in header panel (only if image is available with linked with parent record ID). If image is not available with parent record ID, then first character of next identifier column's value will be displayed in place of image.
Display Image with LOV in header Panel
If you want to display LOV value in header panel and an image is linked with that value, then that image will be displayed in header panel along with value.
Alignment of Image in Header panel item
By default, Image in header panel for any field is displayed on left side of value. If you wants to change image position, then you have to write some code in Header Item Style field in Screen Configuration window.
...
|<br>|@img::height:60px;width:60px;font-size:20px;border-radius:50%, then value will label will be displayed above image.
Show External value based on Dynamic SQL Query
There is new field called ColumnSQL on Header item tab. Till now user have to create virtual column in Column tab and a field in Filed tab to show data of foreign referenced column in Current tab. Now onwards user can write Sql based on related referenced values on header item directly to show runtime data in header item and there is no need to create field for this header item. For this type of Item, on window record change , system will parse column value from context and execute query and show executed value in header item.
...
Note: User can also write static/fix value in Column Sql column of item.
Hide Header Panel In Multi View (Grid) mode.
In this version, introduce an option to hide header panel in multi view mode (grid mode). To achieve this provided new filed on Window : Window, Tab and Fields -> Tab as shown in below
Window, Tab and Fields -> Tab
Provided new field name
...