Enhancement Features In Framework Version 6.1.2.0

Product Version and Dependency 

New features are supported by the below-mentioned modules:  

• Vienna Advantage Framework Version - 6.0.5.0 

• Vienna Advantage Base Files - 2.4.1.0 

1. Action Group

 In this enhancement, we’ve introduced a new field under the "Fields" tab to set the Action Group. With this feature, system administrators can configure action groups for buttons, allowing them to display buttons within a specific group. 

Example: If the administrator sets an action group for buttons in the Fields section, when the screen is opened, the buttons assigned to that action group will appear together as a single group. 

Below, we have outlined the steps to configure the Action Group

Step 1: Configure the Action Group 

• Login with the system administrator role. 

• Open the Action Group screen. 

• Click the New Record button. 

• Enter the Name and Font Name. In this example, I’m using "Group Action" for both. However, you should use your module's prefix when creating the name and font name. 

• Enter the HTML Style. In this example, I’m using: 

•  "background:yellow; color: rgba(var(--v-c-primary)); border-radius: 11px; border-color: rgba(var(--v-c-primary)); opacity: 1;"  

• You can create your own HTML style according to your needs. 

• Save the record. Screen shot is given below. 

Open

Step 2: Assign Action Group to Buttons 

• Go to the Screen Configuration screen. 

• Select the target screen from the header tab and click on it. 

• Navigate to the Fields tab for the selected screen. 

• Search for the buttons you want to assign the action group to. 

• From the Action Group list, select the Group Action (or the name you created earlier) and save the record. 

Step 3: Verify the Action Group on the User Screen 

• Login with a regular user role. 

• Open the Delivery Order screen. 

• Toggle the record. 

The buttons that have the selected action group assigned in the Screen Configuration for the Delivery Order screen will now appear grouped together as a single button, as shown in the image below.

Open

2. Home Icon In Toolbar  

In this enhancement, we’ve added a Home Icon to the toolbar. When a user clicks on the home icon, it will navigate them back to the Header Tab of the current screen. 

Example: If a user is viewing the Product window and is currently on a child tab, clicking the Home Icon will navigate them back to the Header Tab of the product screen. 

How the Functionality Works 

 Step 1: Navigate to Child Tab. 

• Login with a user role. 

• Open the Product screen. 

• Toggle the record. 

• Click on the Price tab. 

• Then, click on the UOM Conversion tab. 

Step 2: Use the Home Icon to Return to the Header Tab. 

• Click on the Home Icon in the toolbar. 

• The focus will now shift back to the Header Tab of the product screen. 

3. Save New Icon In Toolbar. 

 In this enhancement, we’ve added a Save New icon to the toolbar. When the user clicks this icon, the existing record will be saved, and a new record will automatically be displayed. The Save New icon is shown in the image below. 

Example: If user open the  product screen create the New Record  and clicking on the  Save New  Icon in Toolbar it will  Save the  Existing Record and automatically Display the New Record View.  

How the functionality work : 

Step 1: Create a New Record 

• Login with a user role. 

• Open the Product screen. 

• Click the New Record button. 

• Toggle the record and fill in all the mandatory fields. 

Step 2: Use the Save New Icon 

• Click the Save New button. 

• The system will save the existing record and automatically display the new record view. 

4. Changed the Text and size for the Hide Field Group on Tab: 

  In this enhancement, we’ve updated the text and size for the Hide Field Group. The label previously shown as "Show More" has now been changed to "Additional Information". 

In previous enhancement it was the show more as show in the below image.

In  the  enhancement it was changes to "Additional Information" as show in the below  image. 

Please refer (1.2  Steps to hide action Bar on the screen)

5. Supported back button feature on click add new record in tool bar. 

In this release, Onfinity has introduced an option for the end user to  enables  back button  on tool bar while  click on add new record  button, if the new record View field   is configured in the  “Tab”  tab of  screen configuration  screen . 

If user wants to enter new records in any tab of any screen in single record view, then user can set value of new record view field to single row layout and default view of the screen is Grid View. After this no matter in which view user is working on that tab, when user clicks on new record button, tab will be switched to Single Row Layout and back button on the tool bar will be enabled because of the view change.  

Similarly if user wants to enter new records in grid view, user can set value of New Record View field to Grid Layout and  Default view of the screen is Grid View . After this no matter in which view user is working on that tab, when user clicks on new record button, tab will be switched to Grid  Layout and back button on the tool bar will be enabled because of the view change . 

In my  Example:-   If the New Record  View Field is Configured in the  Order Tab , tab  of window tab & field screen for the Sales order Record. While Open the sales order screen.  default  View  of the sales order is Multi-Row View, New Record  View Field is Selected  as the Single View in tab . When User open the sales order and click on the  New Record Button view will change to single view from multi-row view and back button on the tool bar will be enabled. 

How  to configure the functionality: 

Steps 1 

• Login with System Administrator role.  

•  Open the Screen Configuration window from menu 

• Select a target Screen from the header tab. Select the Tab record  

• For example,  we are examining the  Sales Order  window as an example. 

  • Search for the  Sales order. 

  • Click on Tab and Toggle  Oder Tab. 

  • Select New Record View As " Single row layout". 

  • Select Default layout  AS " Multirow view ". 

  • Click on the Save Button. 

Steps 2 

•  login with  IdeasIncAdmin role.  

• Open the Sales Order Screen from menu. 

• Click on the New Record Button. 

View will change to single view from multi-row view and back button on the tool bar will be enabled as configure in the Step 1.

For More details regarding the Back button Functionality. 

6. Supported font image with button in grid view based on configuration. 

In the previous system, font images were not supported for buttons in the Grid View. However, in this release, if a user binds an font image to a button, the system will display the font image next to the button in the grid view. 

How  to configure the functionality: 

Step 1: Configure the Button with Image 

• Login with the System Administrator role. 

• Open the Screen Configuration window from the menu. 

• Select the target screen from the header tab and go to the Tab record. 

• For example, let’s configure the Sales Order screen: 

  • Search for Sales Order in the screen configuration. 

  • Click on the Tab and toggle to the Order Tab. 

  • Navigate to the Field tab. 

  • Search for the Document Action Button and toggle it. 

  • Select an font image from the dropdown list. 

• Click Save. 

You should now see the image bound to the button, as shown in the image below.

Step 2: Verify the Configuration 

• Login with the IdeasIncAdmin role. 

• Open the Sales Order screen from the menu. 

• The system will display the font image next to the button in the Grid View, as shown in the image below for the Document Action Button.

7. Enhancement to Update Image from Header Panel: 

We’ve introduced a new feature that allows users to easily remove or update images directly from the Header Panel. This enhancement simplifies the process, enabling users to modify the header image without needing to navigate through the image field on the screen. 

When user hovers over the image section in the header panel, a hand icon will appear. Clicking on this icon will open a dialog box allowing the user to replace or update the image. If no image exists for the record then system will display a default image in the image control, as shown below.

8. Enhancing Tab Panel Functionality 

We have introduced a new customization option that allows users to position individual tab panels either on the right or at the bottom of their interface. This enhancement provides greater flexibility in organizing and viewing content, enabling a more streamlined and personalized experience. 

With this feature, users can choose their preferred tab panel placement: 

• Right: For a vertical layout aligned to the right side of the screen. 

• Bottom: For a horizontal layout at the bottom of the screen. 

Using the Tab Panel 

Previously, there was no option to position a specific tab panel on the right or bottom of the screen. However, with this update, users can now configure tab panel placement through the Tab Panel section of the Screen Configuration settings.

Tab Panel Positioning 

Users can set the position of each tab panel in two ways: 

• Right: Displays the tab panel on the right side of the screen, next to the action panel. 

• Bottom: Displays the tab panel at the bottom of the screen.

Example: Right aligned tab panel in below image.

Example: Bottom aligned tab panel in below image.

Grouping Tab Panels at the Bottom 

A new option, "Group of Bottom," has been added under the Tab Panel Alignment dropdown in the Screen Configuration ' Tab  settings. 

• When "Group of Bottom" is selected, all tab panels set to "Bottom" will be displayed as a grouped section at the bottom of the screen. 

• If no option is selected in the Tab Panel Alignment dropdown, tab panels set to "Bottom" will be displayed one after another in a single view at the bottom of the screen.

It will appear on window as below image.

Additional Customization 

Users can now customize tab panel icons based on their preferences. The system supports both VA Icons and Font Awesome v4 for icon customization. 

This update ensures a more flexible and user-friendly interface, improving content organization and accessibility. 

9. Configure Tab Panel with chat: 

We’ve enhanced the chat functionality within the tab panel, allowing users to access and interact with chat directly within the panel. This update improves communication by making it more efficient and user-friendly.

How to configure chat in tab panel: 

Example: Configuring Chat in the Sales Order Screen 

Follow these steps to enable chat in the tab panel: 

• Log in with the System Administration role. 

• Search for the "Sales Order" screen. 

• Select a Sales Order record. 

• Click on the "Tab" and navigate to the "Order" tab. 

• Go to the "Tab Panel" tab. 

• Click "New Record" to create a new tab panel. 

• Enter a name for the tab panel (e.g., "Chat Panel"). 

• Enter the class name: VIS.Chat. 

• Specify the icon path based on your preference. 

• Choose the tab panel alignment: 

  • Right – Displays the chat panel on the right side. 

  • Bottom – Displays the chat panel at the bottom. 

• Save the record.

Accessing the Chat Panel 

• Once configured, log in with the Admin role. 

• The system will now display the Chat Tab Panel in the Sales Order screen, enabling seamless communication within the interface. 

10. Show Dependent Record in Detail View 

We have introduced the "Show Dependent Record in Detail View" option, which allows users to display all related records in a single, continuous view. This enhances usability by enabling seamless interaction with multiple content sections while maintaining a clean and organized interface.

How It Works 

• When this option is enabled, all screen contents will be displayed one after another in the bottom area of the screen when a record is viewed in Single View. 

• This includes: 

  • Tab records 

  • Composite view of parent data 

  • Tab panel records of the parent data 

Enabling the Option 

• Simply check the box for "Show Dependent Record in Detail View" to activate this feature. 

• Once enabled, all dependent records will automatically appear in the Detail View, allowing for a more streamlined and efficient user experience. 

11. Enhancing Card View with Style Logic: 

We have enhanced the Card View by introducing the ability to apply style logic. This feature allows users to dynamically personalize the appearance of each card based on specific conditions. With style logic, important information can be highlighted, making it easier to identify key details at a glance.

How to apply style logic in card view: 

Step 1: Create a Card for the Selected Screen 

• Choose the screen where you want to apply the card view. 

• As an example, let's use the Rating column. 

• By defining style conditions for each rating, you can assign different background colors to individual cards. 

Step 2: Define Style Logic Conditions 

Use the following conditions to customize card appearance based on the Rating value: 

These conditions ensure that each card dynamically updates its background color, text color, and font styling based on the rating value. 

Step 3: Apply Style Logic

• Add the style conditions to the Style Logic area of the Card View. 

• Click the "Save and Apply" button. 

• The system will now display the updated styling in the Card View, reflecting the applied logic.

This feature helps create a visually engaging and informative interface, making it easier to distinguish records based on predefined conditions. 

12. Enhancing Header Panel with Style Logic

We have introduced a new field, "Style Logic", in the Header Panel, allowing users to apply custom styling logic directly to the header. This feature enables users to define specific styles based on conditions, enhancing the visual customization of the header panel. 

With this functionality, users can apply conditional formatting rules to both static and dynamic content headers, making important information stand out.

How to use style logic in Header Panel: 

Step 1: Create a Header Panel 

• Select the screen where you want to apply the header panel. 

• Create a Grid Header and add a record in the Item tab (either static or dynamic content). 

• Apply Style Logic based on your requirements. 

Example: Applying Style Logic in the Sales Order Screen 

1. Styling the "Grand Total" Field 

• If the Grand Total is greater than 500, the background color will be green (#59E659). 

• If the Grand Total is less than 500, the background color will be red (#FF4040).

2. Styling the "Document Status" Field

Step 3: Save and Apply 

• Enter the style logic conditions in the Style Logic field of the Header Panel. 

• Click "Save and Apply". 

• The system will update the header panel based on the applied conditions, improving visibility and clarity. 

13. Show Browser language in Telephone Country Control field: 

Supporting the "Browser Language" option in the Country Control field, such as for telephone input, allows applications to offer a localized and user-friendly experience by using the browser's language settings. This feature utilizes the language settings of the user’s browser to dynamically adjust the interface and pre-select country-related options. 

By supporting the "Browser Language" option in the Country Control field, users do not need to manually change the language. The system will automatically detect the browser's language and give it preference.

Let' take on more example for other country 

Here, we select Brazilian as the browser language. 

Now system will then detect the browser language, and all country fields will automatically update to match the selected browser language preference.

14. Added new field 'Single View Layout' for field adjustment 

We have introduced a new field, "Single View Layout," which gives users greater flexibility in arranging fields within a grid structure. This feature allows users to customize their screen layout by defining column spans ranging from one to four columns, optimizing the interface to meet their specific needs.

This new "Single View Layout" field gives users greater control over the interface's visual design, allowing them to adjust the column span within the system. 

Previously, we managed the field's column span through the 'Display Length' field under the Screen Configuration screen of Field Tab which determined how much of the column a user wanted the field to take a row span on the screen, this requiring the user to set the display length for each individual field, as explained in the points below. 

If the display length of a field falls between these values, the field will be displayed according to the specified row span size on the screen.

• Case 1: If the length of a field is between 1 and 9, the system will display the field in a single row span. 

• Case 2: If the length of a field is between 10 and 19, the system will display the field in a two-row span. 

• Case 3: If the length of a field is between 20 and 29, the system will display the field in a three-row span. 

• Case 4: If the length of a field is between 30 and 39, the system will display the field in a four-row span. 

However, with this new functionality, users can now define the column span for all fields, ranging from one to four columns, providing more flexibility. 

These are a list of four column in single view layout dropdown field. 

1. One Column 

2. Two Columns 

3. Three Columns 

4.  Four Columns 

  1. One Column

2. Two Columns

   1. Displays the field in a two-column layout.

   2. Ideal for balancing content while saving screen space. 

3. Three Columns 

   1. Displays the field in a three-column layout.

   2. Useful for organizing multiple fields side by side.

4. Four Column

   1. Displays the field in a four-column layout.

   2. Best for compact layouts with high data density.

Important Notes

• This functionality is dependent on the "Same Line" checkbox and the "Display Length" field. 

• Users can now easily adjust their screen layout without manually setting the display length for each field, making the interface design process more efficient. 

This enhancement provides greater control and customization over the screen layout, allowing users to create an optimized and visually structured interface. 

15. Display Multi-Search Control As  Read-only.  

 The Multi-search reference field has been enhanced to be read-only. Previously, it was not read-only, but this update now ensures that the Multi-search reference field cannot be edited directly through auto suggestion field. 

As Shown In the below Image the arrow indication field of the multi-search is read only.

If user want to select any record in the multi-search user have to click on the down triangle and select   

And unselect from the popup . 

16. Border Less Layout  on screens. 

In this release, we have redesigned our screen layout to a borderless approach, whereas previously, our screens had borders around all fields, creating a defined, boxed layout.

However, we have now modified our screens with a borderless approach for the edit view(multi-view. This new design removes the outer borders, offering a more streamlined, modern, and immersive experience. The focus is on clean, open spaces, which enhances usability and visual appeal, allowing users to interact more with the interface.

After user switches to new borderless design, they will only see the dropdown list button, three ellipsis button, etc., when hovering over those fields, making the screen cleaner. 

17. Single scroll layout for tab in tab view and tab panel bottom below each other tabs.

This enhancement introduces Single scroll for the composite view as shown in the below image.

This enhancement introduces Single scroll for the tab panel bottom below each other tabs as shown in the below image.

18. Introduced widget for notification. 

 The new dynamic home screen layout introduces an Notification widget, a combination widget that integrates the workflow, Request and Notice widgets into one, reducing the space occupied by these individual widgets.  

For more reference we have  prepare the  Widget Notification