Advanced Search
Tags - Search Results
tagged: 'irise'
Total found: 19

Everything Blogs Events Files Forums

1. iRise 6.51 - Common Samples
Common_Samples_20080530_v6.51.idoc

Attached is an iDoc with 65 common samples in iRise covering a range of advanced interaction and data functionality provided as a convenience to help you learn and use iRise. (See below or within the iDoc for the entire table of contents.)

The iDoc was built in iRise v6.51 and was based off the previous Common Samples iDoc that was built using v6.02 (http://www.mycatalyze.org/tabid/871/Default.aspx?FolderID=826&FileID=-1).

The following changes are new to this iDoc:

- Added 12 additional samples:
1. Add a Row Without Page Refresh
2. Auto Generate Row Numbers
3. Calculate Total Values to Proceed
4. Callouts
5. Close and Navigate
6. Display Random Ad Banner
7. Data Table – Filtering
8. Decisions - Data Driven
9. Flash in Simulations
10. Menus - Dynamic
11. Radio Group
12. User Ratings - Dynamic

- Fixed the following samples that weren't working in the previous version for v6.51:
1.  Add to Cart
2.  Data Table - Edit-in-place

- Updated the following samples to make better use of v6.51 features:
1.  Dynamic Question List
2.  Quick Preview

As previously mentioned, we encourage the community to:

  • open and view the attached iDoc to learn iRise
  • copy and paste samples as templates into your projects (instructions to do so are provided in the iDoc)
  • post any comments or feedback regarding:
    1.  fixes
    2.  enhancements
    3.  alternatives
    4.  additions
    5.  deletions
    6.  other
  • post your own iDocs related to the above

When posting your own iDocs, we recommend that you post an iDoc that contains individual samples instead of editing the iRise Common Samples iDoc. We also request that you follow the conventions (i.e. name, description, example, instructions) found in the iRise Common Samples iDoc.

Enjoy.

Advanced Interaction and "Rich Internet Application" Functionality Description Complexity Level
"Activate" functionality from static page image Start with a static screenshot and "activate" certain functionality. Low
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. Medium
Add a Row Without Page Refresh Add a row to a data table without refreshing the page. Medium
Add to Cart Shopping cart with the functionalities to add and remove items. Very High
Alternate Views of products (thumbnails) Different views of the same product are displayed using thumbnails. Medium
Autopopulate text fields Content is automatically populated
 after the user enters his user id.		 Low
Calculate Total Values to Proceed Prevent the user from proceeding until a numeric conidition is met. Medium
Callouts Error messages can be called out based on incorrect values. Low
Change Content on Mouse Over Content appears when user moves mouse over other content on the page. Low
Checkbox - Check/Uncheck All Check/Uncheck all items based on user action on one checkbox. Medium
Close and Navigate Closing a pop up window causes the parent window to navigate to a different page based on selection in popup window. Medium
Current Date The current date and time is displayed automatically. Low
Data Table - Batch Update Select multiple rows in a table and perform an operation. Medium
Data Table - Edit-in-place The contents of a table become editable when the user clicks on them. High
Date Operations - Add Days Display a new date based on the number of days the user wants to add to the initial date.   Very High
Date Operations - Age from DOB This functionality calculates your age after you enter your DOB. Very High
Decisions - Multiple Decisions Points Creating validation based on multiple criteria High
Dependent Select A dropdown's selections depends on a user's previous dropdown selection. Medium
Display Content on Mouse Over Content is displayed on mouse over of some other content on the page.   Low
Display Random Ad Banner Using the Math.Random widget to randomly display ad banners (image files). Low
Dynamic Question List List of questions changes based on previous answers. Medium
Expressions - List Performing and displaying list operations on a table. Medium
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. Medium
Flash in Simulations Add a Flash (.swf) file to a page. Low
Grid Evenly distribute elements in columns. Very High
Jump to Next Field The input text for the phone number automatically gets in focus after typing the area code. Medium
Lightbox Effect - Confirmation Window A popup window is displayed and the background window becomes disabled and grayed out. Medium
Menus Creating a navigation menu. Medium
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. Medium
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. Very High
Multi-Form Submit Multiple forms and multiple submit buttons on one page.  Medium
Password Strength Indicator Password strength indicator changes depending on what password is entered by the user. Low
Radio Group Using datasheets to drive a radio button group. Low

Advanced Data Functionality Description Complexity Level
Auto Generate Row Numbers Automatically generate row numbers for a dynamic data table
 Medium
Data Table - Filtering Filtering a data table using views, without creating additional pages. Medium
Decisions - Data Driven Setting up navigation based on a desicion eg. validation of login credentials Medium
Menus - Dynamic Presenting menu selections based on user inputs. Medium
Portlet Each section expands/collapses when the arrow is clicked.   Medium
Quick Preview Preview an image when you rollover the thumbnail version of that image. Low
Radio Buttons in Data Rows Using radio buttons to select a table row. Medium
Record Action - Delete Delete a record using the Delete Record Action. Low
Record Action - Get Populate the page with data from a datasheet (e.g. table, text widgets, etc.) Low
Record Action - Save Create a new record by using the Save Record Action. Low
Record Action - Update Update an existing record using the Update Record Action. Low
Requiring Multiple Fields Submit button doesn't become enabled, until the required fields are populated. High
Reset Datasheets Reset a datasheet back to some set of initial values. Low
Rounded Corners Creating and using a border with rounded corner style.  Medium
Scrolling within a Section The display of a table is limited to a fixed section with scrolling enabled. Medium
Search - Multiple Criteria This functionality demonstrates a complex search based on several criteria. High
Search - Single Criteria Search based on text. Medium
Select and Display The user selects an user from the list on the left and assigned queues for that user displays on the right.  Medium
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. Very High
Sliding Panels Horizontal sliding panels that expand/collapse. Low
Sort Table Rows The table rows are sorted based on which header is selected. Very High
Store and Retrieve Data from a Cookie (Login and Welcome) Save data in a session variable and retrieve it again on a different window. Medium
Table Row Behaviors - Normal, Hover, Selected Different visual indicators for the table rows when you hover over it or select it. Very High
Tabs - Using images/background images Using images/background images to simulate Tabs. Selecting different tabs changes content on the page. Medium
Tabs - Using Menu Widget Using menus to simulate Tabs. Selecting different tabs changes content on the page. Medium
Tabs Using Sections Using sections to simulate Tabs. Selecting different tabs changes content on the page. Medium
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. Medium
Time delay advertisements/announcements An advertisement appears in the middle of the page after a timed delay. Medium
Use Icon to Indicate Users Status Using an icon in a data table to display values populated from a datasheet. Medium
User rating widget ("stars") User ratings are displayed as stars. Medium
User Ratings - Dynamic User ratings are dynamically displayed as stars, then committed. Medium
Windows/Explore Menu Treeview menu Medium

2. iRise 6 - Common Samples - v6.02
Common_Samples_20080423_v6.02.idoc

Attached is an iDoc with 53 common samples in iRise covering a range of advanced interaction and data functionality provided as a convenience to help you learn and use iRise. (See below or within the iDoc for the entire table of contents.)  This iDoc was produced by iRise Professional Services and is 4.4mb is size.

The iDoc was built in iRise v6.02 for compatibility with both v6.02 and v6.5.  (We will post a new iDoc for iRise v6.5 that incorporates any new best practices and new features specific to iRise v6.5 in the near future).

In the mean time, we encourage you to:

  • open and view the attached iDoc to learn iRise
  • copy and paste samples as templates into your projects (instructions to do so are provided in the iDoc)
  • post any comments or feedback regarding:

 

  1.  fixes
  2. enhancements
  3. alternatives
  4. additions
  5. deletions
  6. post your own iDocs related to the above


    When posting your own iDocs, we recommend that you post an iDoc that contains individual samples instead of editing the iRise Common Samples iDoc. We also request that you follow the conventions (i.e. name, description, example, instructions) found in the iRise Common Samples iDoc.

 

Advanced Interaction and "Rich Internet Application" Functionality

Description

Complexity Level

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.

Medium

Add to Cart

Shopping cart with the functionalities to add and remove items.

Very High

Alternate Views of products (thumbnails)

Different views of the same product are displayed using thumbnails.

Medium

Auto populate text fields

Content is automatically populated after the user enters his user id.

Low

Change Content on Mouse Over

Content appears when user moves mouse over other content on the page.

Low

Checkbox - Check/Uncheck All

Check/Uncheck all items based on user action on one checkbox.

Medium

Dependent Select

A dropdown's selections depend on a user's previous dropdown selection.

Medium

Display Content on Mouse Over

Content is displayed on mouse over of some other content on the page. 

Low

Dynamic Question List

List of questions changes based on previous answers.

Medium

Jump to Next Field

The input text for the phone number automatically gets in focus after typing the area code.

Medium

Lightbox Effect - Confirmation Window

A popup window is displayed and the background window becomes disabled and grayed out.

Medium

Password Strength Indicator

Password strength indicator changes depending on what password is entered by the user.

Low

Portlet

Each section expands/collapses when the arrow is clicked. 

Medium

Quick Preview

Preview an image when you rollover the thumbnail version of that image.

Low

Requiring Multiple Fields

Submit button doesn't become enabled, until the required fields are populated.

High

Rounded Corners

Creating and using a border with rounded corner style.

Medium

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.

Very High

Sliding Panels

Horizontal sliding panels that expand/collapse.

Low

Sort Table Rows

The table rows are sorted based on which header is selected.

Very High

Table Row Behaviors - Normal, Hover, Selected

Different visual indicators for the table rows when you hover over it or select it.

Very High

Tabs - Using images/background images

Using images/background images to simulate Tabs.  Selecting different tabs changes content on the page.

Medium

Tabs - Using Menu Widget

Using menus to simulate Tabs. Selecting different tabs changes content on the page.

Medium

Tabs Using Sections

Using sections to simulate Tabs.  Selecting different tabs changes content on the page.

Medium