Advanced Search
Tags - Search Results
tagged: 'tips'
Total found: 3

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. Password Strength Indicator
Password_Strength_Indicator.idoc

This week I was working with a customer who asked if we could simulate a password strength indicator (ie – weak, strong, best, etc) similar to Google.  I figure this may be a somewhat common request, so I wanted to pass along a quick example I created.  It’s really basic – and the indicator is hardcoded to a few select passwords (see walkthrough notes for instructions) – but was enough to get the point across for this customer.

[courtesy of Carson Miller, iRise ESM]
3. User Interface Prototyping Tips and Techniques
http://www.ambysoft.com/essays/userInterfacePrototyping.html

Scott Ambler of Ambysoft wrote a great article with some tips and techniques on prototyping user interfaces.

The quick overview of the tips are:

 1.  Work with real users
 2.  Get stakeholders to work with the prototype
 3.  Understand the underlying business
 4.  You should only prototype features you can build
 5.  You cannot make everything simple
 6.  It's about what you need
 7.  Get a user interface expert to help you design it
 8.  Explain what a prototype is
 9.  Consistency is critical
10. Avoid implementation decisions for as long as possible
11. Small details can make or break your user interface 

Still Looking for More?
Tag Search:
  Search