Guide

This exercise is designed to show how to create a display file capable of drag and drop.

Procedure

1. Open the Profound UI Visual Designer, start with a new display file and name the record format SFLCTL1.
2. Add an exit button bound to an indicator named EXIT.
3. Add two subfiles with output fields as shown below.
   Image Added
4. Set the id of the first subfile to Grid1 and the second subfile to Grid2
5. Set the record format name of the first subfile (Grid1) to SFLA and the second subfile (Grid2) to SFLB.
6. The output fields in the 2 subfiles should be bound to FIELDA and FIELDB respectively. These fields are 20A.
7. Bind an indicator named SFLCLR to the "clear subfile" property of both subfiles. (The same indicator can be used with both subfiles.)
8. For both subfiles, set the properties as shown:
   Image Added
9. Select the SFTCTL1 record format and bind the following fields to the properties shown:
   Image Added
10. Save the display file as DRAGD and compile it to your library.

11. Compile the code below into your home library.

    Code Block
    linenumbers true collapse true

Properties

Allow Drag

This property determines if the element can be drag and dropped.

Promptable? DROPDOWN
Possible Values: True, False
Bindable? YES
Product: ProfoundUI

...

target record number - This returns the relative record number of where the selection is after it has been dropped.