| Advanced Interaction and "Rich Internet Application" Functionality |
Description |
| Accordion |
The accordion effect incorporates a web control that allows you to provide multiple panes and display them one at a time using expanding and collapsing behavior. |
| Add to Cart |
Shopping cart with the functionalities to add and remove items. |
| Alternate Views of Products (Thumbnails) |
Different views of the same product are displayed using thumbnails. |
| Auto Populate Text Fields |
Content is automatically populated after the user enters his user id. |
| Change Content on Mouse Over |
Content appears when user moves mouse over other content on the page. |
| Checkbox - Check/Uncheck All |
Check/Uncheck all items based on user action on one checkbox. |
| Dependent Select |
A dropdown's selections depend on a user's previous dropdown selection. |
| Display Content on Mouse Over |
Content is displayed on mouse over of some other content on the page. |
| Drag and Drop List Box |
Blueberries item is dragged and dropped from unselected list to selected list. |
| Drag and Drop Portlet |
Portlet is dragged and dropped to a position on the right. |
| Dynamic Question List |
List of questions changes based on previous answers. |
| Jump to Next Field |
The input text for the phone number automatically gets in focus after typing the area code. |
| Lightbox Effect - Confirmation Window |
A popup window is displayed and the background window becomes disabled and grayed out . |
| Password Strength Indicator |
Password strength indicator changes depending on what password is entered by the user. |
| Portlet |
Each section expands/collapses when the arrow is clicked. |
| Quick Preview |
Preview an image when you rollover the thumbnail version of that image. |
| Requiring Multiple Fields |
Submit button doesn't become enabled, until the required fields are populated. |
| Rounded Corners |
Creating and using a border with rounded corner style. |
| Select and Highlight Row |
When you click on a row, it will highlight/select that row. Clicking on another row will then unhighlight/unselect the previously selected row and highlight/select the newly clicked row. |
| Select and Highlight Row - RIA |
When you click on a row, it will highlight/select that row. Clicking on another row will then unhighlight/unselect the previously selected row and highlight/select the newly clicked row. |
| Slider |
Horizontal Slider used to set values on click, while on hover simulates movable sliding functionality. |
| Sliding Panels |
Horizontal sliding panels that expand/collapse. |
| Sort Table Rows |
The table rows are sorted based on which header is selected. |
| Table Row Behaviors - Normal, Hover, Selected |
Different visual indicators for the table rows when you hover over it or select it. |
| Tabs - Using menus with images/background images |
Using images/background images to simulate Tabs. Selecting different tabs changes content on the page. |
| Tabs - Using Menu Widget |
Using menus to simulate Tabs. Selecting different tabs changes content on the page. |
| Tabs - Using Sections |
Using sections to simulate Tabs. Selecting different tabs changes content on the page. |
| Tabs Using Separate Pages |
Simulating tabs using sections in a master. Selecting the different tabs navigates to the page that contains the corresponding content and shows that tab as being selected. |
| Time Delayed Advertisement |
An advertisement appears in the middle of the page after a timed delay. |
| Windows/Explore Menu |
Tree view menu |
| Advanced Data Functionality |
Description |
| "Activate" Functionality From Static Screenshot |
Start with a static screenshot and "activate" certain functionality. |
| Current Date |
The current date and time is displayed automatically. |
| Data Table - Batch Update |
Select multiple rows in a table and perform an operation. |
Data Table - Edit-in-place Only works in v6.0 |
The contents of a table become editable when the user clicks on them. |
| Date Operations - Add Days |
Display a new date based on the number of days the user wants to add to the initial date. |
| Date Operations - Age from DOB |
This functionality calculates your age after you enter your DOB. |
| Decisions - Multiple Decision Points |
Creating validation based on multiple criteria. |
| Expressions - List |
Performing and displaying list operations on a table. |
| Expressions - Mathematical |
User enters in 3 numerical values and the total is calculated once they press the Calculate button. The values for the 3 items are retained after the Calculate button is pressed. |
| Grid |
Evenly distribute elements in columns. |
| Menus |
Creating a navigation menu. |
| Moving From One List to Another |
A User can select or multi-select items from a list and then click on the appropriate arrow button to move it to the other list. |
| Moving Items Up/Down in a Shopping Cart |
The order of the items in a shopping cart can be rearranged using Up and Down links. |
| Multi-Form Submit |
Multiple forms and multiple submit buttons on one page. |
| Radio Buttons in Data Rows |
Using radio buttons to select a table row. |
| Record Action - Delete |
Delete a record using the Delete Record Action. |
| Record Action - Get |
Populate the page with data from a datasheet (e.g. table, text widgets, etc.) |
| Record Action - Save |
Create a new record by using the Save Record Action. |
| Record Action - Update |
Update an existing record using the Update Record Action. |
| Reset Datasheets |
Reset a datasheet back to some set of initial values. |
| Scrolling Within a Section |
The display of a table is limited to a fixed section with scrolling enabled. |
| Search - Multiple Criteria |
This functionality demonstrates a complex search based on several criteria. |
| Search - Single Criteria |
Search based on text. |
| Select and Display |
The user selects a user from the list on the left and assigned queues for that user displays on the right. |
| Store and Retrieve Data from a Session Variable (Login and Welcome) |
Save data in a session variable and retrieve it again on a different window. |
| Use Icon to Indicate Users Status |
Using an icon in a data table to display values populated from a datasheet. |
| User Ratings |
User ratings are displayed as stars. |