Support for Screen Customization

Reference No: R2-59

Notes:

• Ability to custom design R2 Launch pad for different themes is documented here.

Details

The Screen Customization has been implemented in the R2 application to customize the appearance of the screens in the R2 application by removing, resizing, and replacing the following screen components.

• Text Box or Field

• Importable Fields

• Tab

• Grid column

• Icons / Buttons

The following screen component's resizing cannot be performed and can only be removed and replaced.

• Check Box

• Radio Button

• Drop-Down

• Menus

The Table 1.0 provides you the list of Hot Keys used to perform the Screen Customization.

Table 1.0 Hot Keys used to perform Screen Customization

NOTE:

The Screen Customization is enabled and disabled for the following:

• It is enabled only to the Mantra User and is disabled to other users.

• It is disabled in the Security Mode [F6].

• It is disabled in the R2 application's Login window.

• It is enabled to all the screens in the R2 application and is disabled in the R2 Launchpad.

The below Sample Workflow explains the above functionality:  

Sample Workflow

1. Select the Account module > tag the Company [EVERGREEN AV RENTALS] and create an Order [ORD-54] for [2 Days] duration.

2. Search and add the Serial Item [DEMO SAW] with 1 Qty and the Unit Price [100.00], as shown in Figure 1.0.

Figure 1.0 Order [ORD-54] with the Serial Item [DEMO SAW] before Screen Customization

3. In the Order [ORD-54] window, press the F12 key from the Keyboard to enable the Screen Customization. The Screen Customization is enabled displaying as the [Reservation - (UI Design Mode)], as shown in Figure 1.1.

Figure 1.1 Order [ORD-54] with the Screen Customization enabled displaying as the [Reservation - (UI Design Mode)]

4. Perform a right-click to view the Customization options. The Order [ORD-54] window panels get highlighted in Red color, as shown in Figure 1.2.

Figure 1.2 Right-click > Customization Menu options displayed in the [Reservation - (UI Design Mode)] with the Panels highlighted in Red

5. The below Customization options are displayed in the Header panel and Grid panel.

6. Remove

7. Reset to Original

8. Add from Original

9. Customize Menu

10. Save

11. Exit Designer

12. Remove This Column - Grid panel

13. More... - Grid panel

6.  Select each of the highlighted screen component  from the Header panel and Grid panel individually, as shown in Figure 1.3.

Figure 1.3 Removing the Highlighted Screen Components in the Order [ORD-54]

7. Select each of the screen component > right-click > select the Remove option, as shown in Figure 1.4.

Figure 1.4 Remove option

8. Perform a right-click > select the Save option, as shown in Figure 1.5.

Figure 1.5 Save option

9. The system displays a prompt with the message "R2_00033:Do you want to save the changes?" with Yes and No buttons, as shown in Figure 1.6.

Figure 1.6 Save option Prompt with message displayed

10. Click Yes. The changes are applied customizing the screen.

11. Exit the Screen Customization mode or the Reservation - (UI Design Mode) by pressing the Hot Key [SHIFT+F12] or performing a right-click and select the Exit Designer mode, as shown in Figure 1.7.

Figure 1.7 Exit the Reservation - (UI Design Mode) by selecting the Exit Designer mode

12. Exit and reopen the Order [ORD-54] to view the reflected changes.

13. All the highlighted screen components are removed from the Order [ORD-54], as shown in Figure 1.8.

Figure 1.8 Modified Order [ORD-54]

14. In the Order [ORD-54] window, press the F12 key from the Keyboard to enable the Screen Customization. The Screen Customization is enabled displaying as the [Reservation - (UI Design Mode)].

15. You can rearrange some of the screen components by pressing the Hot Key [ALT+Drag-Drop the Screen Components using the Mouse] > right-click > Save > right-click >  Exit the Designer.

16. The modified or customized Order [ORD-54] is displayed, as shown in Figure 1.9.

Figure 1.9 Screen Components rearranged in the Order [ORD-54]

17. In the Order [ORD-54] window, press the F12 key from the Keyboard to enable the Screen Customization. The Screen Customization is enabled displaying as the [Reservation - (UI Design Mode)].

18. You can remove the Menu option by  performing a right-click > Customize Menu > Menu Designer window is displayed, as shown in Figure 1.10.

19. Clear the Edit menu check box, as shown in Figure 1.10.

Figure 1.10 Customize Menu

20. Click OK > perform a right-click > Save > perform a right-click >  Exit the Designer. The modified Order [ORD-54] with the Edit menu removed is, as shown in Figure 1.11.

Figure 1.11 Edit menu removed from the Order [ORD-54]

21. In the Order [ORD-54] window, press the F12 key from the Keyboard to enable the Screen Customization. The Screen Customization is enabled displaying as the [Reservation - (UI Design Mode)].

22.  You can remove the Grid Columns in the Item Grid by performing a right-click on the Grid columns > select the More... option > Grid Designer window is displayed, as shown in Figure 1.12.

Figure 1.12 Grid > More... Menu > Grid Designer

23. Click OK > perform a right-click > Save > perform a right-click >  Exit the Designer. The modified Order [ORD-54] with the Grid Columns removed is, as shown in Figure 1.13.

Figure 1.13 Grid Columns removed from the Order [ORD-54]

24. In the Order [ORD-54] window, press the F12 key from the Keyboard to enable the Screen Customization. The Screen Customization is enabled displaying as the [Reservation - (UI Design Mode)].

25.  You can add the screen components from the Master UI by  performing a right-click >  Add from Original Menu, as shown in Figure 1.14.

Figure 1.14 Add from Original option

26. The Reservation - (Master UI) Order is displayed, as shown in Figure 1.15.

Figure 1.15 Reservation - (Master UI) Order

27. From the Reservation - (Master UI) window, you can Pick a screen component and Drop it in the Reservation - (UI Design Mode) Order, as shown in Figure 1.16.

Figure 1.16 Pick and Drop the screen component from the Reservation - (Master UI) to the Reservation - (UI Design Mode) Order

28. Exit the Reservation - (Master UI) window.

29. In the Reservation - (UI Design Mode) perform a right-click > Save > perform a right-click >  Exit the Designer.

30. Exit the Order [ORD-54].

31. From the Account window, open an old Order [ORD-22]. The screen customization modifications that are applied to the Order [ORD-54] is also applied to the old Order [ORD-22] and all the Other  Reservation Orders in the R2 application, as shown in the Figure 1.17.

Figure 1.17 Screen Customization changes applied to an Old Reservation Order [ORD-22]

32. Exit the Account window.

33. In the R2 Launchpad, to view the Customized screens > press the Hot Key [CTRL+F12]. The Customized Screens window is displayed with the names of the screens that are customized, as shown in Figure 1.18.

Figure 1.18 Customized Screens window from the R2 Launchpad

34. Pressing the Reset button from the Customized Screens window, will reset the Reservation Customized Changes to Original.

35. Exit the Customized Screens window and select the Account module > Search Orders > Search for the Order [ORD-54].

36. In the Order [ORD-54] window, press the F12 key from the Keyboard to enable the Screen Customization. The Screen Customization is enabled displaying as the [Reservation - (UI Design Mode)].

37.  You can reset the Reservation Order to Original by  performing a right-click > Reset to Original option. The system displays a prompt with the message "This will reset all UI changes made in current screen. Do you want to continue?" with Yes and No buttons, as shown in Figure 1.19.

Figure 1.19 Reset to Original option > prompt displayed

38. Click Yes. The Order [ORD-54] gets reset to Original, as shown in Figure 1.20.

Figure 1.20 Original Order [ORD-54] after performing the Reset

39. Exit the Order [ORD-54] and the Account window.

40. In the R2 Launchpad > press the Hot Key [CTRL+F12]. The Customized Screens window is displayed back to its original with no customized screen names displayed, as shown in Figure 1.21.

Figure 1.21 Customized Screens window from the R2 Launchpad

41. Exit the Customized Screens window.

Points To Note

1. The screen components within one panel cannot be moved to another panel.

2. The field label alone cannot be removed. The field along with the label together must be removed.

3. The Order > right-click > Reset Tab Order and Save Tab Order options have been removed with the Screen Customization feature.