Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

1. Enhanced Filter Panel with Random Color Display for Filter Tags:

Overview:

In this new enhancement to filter panel we have introduces a dynamic visual element aimed at improving user experience. When a condition is applied to the filter panel, the filter tags will now display in random colours. This feature makes the interface look lively and helps users quickly see and differentiate between filter conditions. 

...

In the above image, I have added some conditions. Each filter tag will be assigned a random color when a condition is applied. This makes the interface visually appealing and helps each tag stand out clearly.

2. Enhanced single scroll layout for Composite view in window and  right Tab panel in Horizontal view. 

Overview:

Earlier in our system we have two scrolls in  the composite view, In this new enhancement we have Implemented  the single scroll  layout for Composite view in window and  right Tab panel in Horizontal view.

...

In the above image, Single scroll  layout for Composite view in window and  right Tab panel in  Horizontal  view.

3. Show process, form and workflow in right configurator info which is not bind in group. 

Overview:

We have introduced to show the Process, Form & Workflows information which is not bind in the respective group. Previously, it showed the list of process, form, workflow which is bind to the respective group. Now it shows the process, form and workflow which is not bind with red colour. In the below image, group info popup  User would easily understand what are bind and what are not bind.

...

4. Integrate React and webpack:

Introduction:  

We have enhance our coding and minifi patterns in our framework by introducing support for Webpack and React for form development. This document provides a comprehensive guide for developers to configure Webpack for bundling configuring Webpack to bundle CSS and JavaScript files, and to integrate React Js into the system. It includes .js, with step-by-step instructions , and code snippets, and explanations to facilitate smooth implementation.  

For more information click here.

5. Added New Feature to pass Parameter with Button:

Overview:

In this recent update, we have introduced a new field called "Action Param" at the field level, which helps users hide or display controls within the tab while navigating through Action button

Pre-requisites:
Vienna Advantage Framework: 5.11.1.0 and VIENNA Advantage Base Files 2.3.7.0

...

Note: This functionality will work for buttons whose 'action' checkbox is marked as true in the Database Schema window.

 

Step 1: Action performed before using the Action Param functionality: 

To use this functionality, the user must mark the "Action" checkbox as true on buttons in the column level. Then user must select "Move to Tab" from the action dropdown field and set the tab index value (tab Index will work in combination with the Action button at the column level, causing the system to move focus to another tab based on the defined tab index number) as shown in below image. 

Here 'Tab Index' value Start form 0. 

...

Step 2: How can we use Action Param on buttons in Field Level: 

  • Log in with the System Administrator role. Open the Screen Configuration window from the menu. 

  • For example, let's take Sales Order screen. 

  • Search for the Sales Order screen, navigate to the Tab level, select a tab, move to the Fields tab, and select the action button. 

  • In the Action button field, you will find the Action Param field where you can pass parameters accordingly. 

...

Here, we use the sales order window as a reference to help users understand how to use this functionality. If any property is not defined in the action parameters, the system not consider the property  as action parameter. 

 

2.1 Steps to Hide/Display Header Panel with the help of button: 

Users can hide and display the header panel by using parameters in the Action Param field. 

...

After applying this property, the system will display the header panel when navigating to the next tab, as shown in the image below. 

...

2.2 Steps to Hide/Display Tab Panel with the help of button. 

Here users can hide and show the tab panel by using parameters in the Action Param field. 

...

After applying this property, the system will display the tab panel when navigating to the next tab, as illustrated in the image below. 

...

2.3 Steps to Hide/Display Tool Bar with the help of button. 

Users can hide and display the toolbar by using parameters in the Action Param field. 
 

...

After applying this property, the system will display the toolbar when navigating to the next tab using the action button, as shown in the image below. 

...

2.4 Steps to Hide/Display Tab Name with the help of button. 

Users can hide and display the tab name by using parameters in the Action Param field. 

...

After applying this property, the system will display the tab link when navigating to the next tab using the action button, as shown in the image below. 

...

2.5 Steps to Hide/Display Action Bar with the help of button:

Users can hide and show the action bar by using parameters in the Action Param field. 

...

After applying this property, the system will display the action bar when navigating to the next tab using the action button, as shown in the image below. 

...

2.6 Steps to Hide/Display Grid Toggle with the help of button:

Users can hide and show the grid toggle by using parameters in the Action Param field. 

...

After applying this property, the system will display the grid toggle when navigating to the next tab using the action button, as shown in the image below. 

...

 

2.7 Steps to Hide/Display Single Toggle with the help of button:

Users can hide and show the single toggle by using parameters in the Action Param field. 

...

After applying this property, the system will display the single toggle when navigating to the next tab using the action button, as shown in the image below. 

...

2.8 Steps to Hide/Display Card Toggle with the help of button:

Users can hide and show the card toggle by using parameters in the Action Param field. 

...

After applying this property, the system will display the record navigation buttons when navigating to the next tab using the action button, as shown in the image below. 

...

3.0 Steps to Enable/Disable in Auto New Record with the help of button:

Users can enable or disable the automatic creation of new records by using parameters in the Action Param field. 

...

After applying this property, the system will disable the automatic creation of a new record when navigating to the next tab using the action button, as shown in the image below. 

...

3.1 Steps to Hide/Display Delete button with the help of button:

Users can hide or display the delete button by using parameters in the Action Param field. 

...

After applying this property, the system will display the delete button when navigating to the next tab using the action button, as shown in the image below. 

...

3.2 Steps to Hide/Display Filter Panel with the help of button: 

Users can hide or display the filter panel by using parameters in the Action Param field. 

...

After applying this property, the system will display the filter panel when navigating to the next tab using the action button, as shown in the image below. 

...

3.3 Steps to make tab Read-only with the help of button:

Users can make a tab read-only by using this parameter in the Action Param field. 

...

After applying this property, the system will display the records in their normal view when navigating to the next tab using the action button, as shown in the image below. 

...

3.4 Steps to display Card View, Single View, and Grid View in a TabLayout, using a single parameter, with the help of a button:

Here, users can define the TabLayout in various ways, allowing the system to display the tab view according to the configuration specified in the Action Param field. 

...

After applying this property, the system will display the tab in single view mode when navigating to the next tab using the action button, as shown in the image below. 

...

3.5 Steps to add where conditions in tab with the help of button:

Users can add conditions as needed by using parameters in the Action Param field. 

...

It will give first preference to the action param parameter. If no action param is defined in the action button, it will then give preference to the where conditions at the tab level. 

 

3.6 Steps to display a specific card from the Card View using a button:

Users can display a specific card from multiple cards by using parameters in the Action Param field. 

...