VID Extension Kit - Tests and Demonstrations
The VID Extension Kit, when downloaded from Github in the source section, contains a list of tests and demonstrations in the tests/ directory. They are listed in this document and can be used for educational purposes.
Some files appear incomplete and will contain comments on missing parts in the VID Extension Kit. Some tests will not work.
This tests the BALANCER style.
This tests the RESIZER style.
This displays a list of all possible dialogs in the VID Extension Kit. Clicking a button will open a dialog.
This displays a list of all possible styles in the VID Extension Kit. Each style is displayed in the lower right corner of the main window. The style list can be sorted alphabetically or by time of creation during startup.
The style browser also is able to list the source code of the style as it appears in evaluated form, as well as flags, help text, style size.
Clicking the "Get Face..." button will return the value of the face in a dialog.
Disable the face using "Disable Face".
This performs a small test of the draw body context, by drawing some styles that require interaction. Each style should draw itself correctly foreach draw state.
This is meant to test the DRAWING style, but is incomplete at this time.
This is meant to become a basic surface editor, but is conceptual at this time and does not work.
This demonstrates various FIELD styles and various settings within the FIELD style.
This demonstrates how to build and use finished build of the VID Extension Kit. The built version is best for production use.
This demonstrates how to include the VID Extension Kit. This is best for development use.
This tests a particular problem with aligning left and right inside a window. It should produce a centered item panel.
This tests aligning to the right, inside a FILL 1x0 panel.
This demonstrates outputting actor debug information using a plain LIST style.
This demonstrates the CARET-LIST style, which has special keyboard navigation.
This tests different column modes for a DATA-LIST using SETUP.
This demonstrates column reordering, using one order for input and another order of the same columns for output.
This demonstrates column reordering, using one order for input and another order of some of the same columns for output, while others are hidden.
This demonstrates a DATA-LIST with basic data handling, like adding, removing and updating a row fully or partially. Try sorting, while updating.
This demonstrates a DATA-LIST with filtering using the QUERY-FACE function.
This demonstrates a DATA-LIST with FOLLOW-SIZE being of PAGE or LINE. Use the up/down cursor keys to test the differences. Using the arrow buttons scrolls using SELECT-FACE.
Using the FOLLOW buttons shows the difference of FOLLOW behavior on different settings on FOLLOW-SIZE.
This demonstrates a DATA-LIST with alternative column order, where one column is hidden.
This demonstrates a basic LIST, the bare minimum needed to display an array of iterated faces.
This shows a simple DATA-LIST with one column.
This demonstrates the PARAMETER-LIST style with an object directly as data input.
This shows how to use the RENDER keyword to define rendering manipulation for a single cell. Here, the input is a block of objects.
This shows how to use the RENDER keyword to define rendering manipulation for a single cell. Here, the input is a block of values (non-objects).
This demonstrates how to set and get selection and view selection details for a DATA-LIST.
This tests SET-FACE and GET-FACE in a DATA-LIST.
This tests SETUP-FACE in a DATA-LIST. Click the buttons to perform SETUP-FACE for an entirely different DATA-LIST appearance and structure in the same DATA-LIST face.
This tests basic sorting in a DATA-LIST.
This tests the specifications dialect for a DATA-LIST, by passing a single object as input for determining column names.
This tests all keywords in the specifications dialect for a DATA-LIST.
This tests the specifications dialect for a DATA-LIST by passing a single object as the specification itself.
This demonstrates HEADER-FACE SUB-FACE for a DATA-LIST to set up custom appearance for the header and for list rows.
This demonstrates a simple TEXT-LIST.
Tests the ACCORDION style.
Tests the FRAME, TOP-FRAME, BOTTOM-FRAME, LEFT-FRAME and RIGHT-FRAME styles. The test is identical to panel.r
This demonstrates a horizontal scrolling panel, H-SCROLL-PANEL.
Tests the FRAME, TOP-PANEL, BOTTOM-PANEL, LEFT-PANEL and RIGHT-PANEL styles. The test is identical to frame.r
This shows a SCROLL-PANEL with an image in it.
This shows a PANEL with externally defined sub-panels and methods to select a panel.
This demonstrates a basic TAB-PANEL.
This shows a V-SCROLL-PANEL (vertical scroller only) with an image in it. The test is identical to scroll-panel.r
This demonstrates face hinging using SHOW-MENU-FACE with the /HINGE refinement: How to place a new window in relation to a clicked face, useful for popup menus.
This demonstrates a basic popup menu, using the SHOW-MENU-FACE function.
Test resizing using FILL.
Test programmatic resizing of window. Try both resizing to bigger and smaller window, while the window is open and while it's closed.
Demonstrates the CHECK style used with and without internal relation.
Demonstrates the CHOICE style with a large number of entries.
Demonstrates the RADIO style used with and without internal relation.
Demonstrates all SELECTOR based styles: SELECTOR, MULTI-SELECTOR, RADIO-SELECTOR, CHECK-SELECTOR, CHOICE and TAB-SELECTOR.
Demonstrates the CHECK style used with and without internal relation. This should work similarly to the CHECK style in the check.r test.