RIA Step-by-step #9 - Creating a Flash Catalyst CS5 Data List component

Show:

Rich Internet Applications 101

Products Covered:

Save

Translations

Was this episode helpful?

Yes No

About This Episode

Learn how to create a Data List component to display the thumbnails that users click to see the full-size images in the photo gallery RIA.

Download sample files

Show More Details

More Episodes

Comments

Episode Title	Runtime	CC	Products Covered	My Library
RIA Step-by-step #1 - RIA with Adobe Flash Catalys... RIA Step-by-step #1 - RIA with Adobe Flash Catalyst CS5.5 and Flash Builder 4.5 Get started with this step-by-step tutorial series with an introduction to the photo gallery RIA course project. Learn where to access sample project files, project assets, and other RIA teaching and learning resources. Runtime: 00:01:38 Added: June 06, 2011 Views: 3,458	00:01:38
RIA Step-by-step #2 - Introduction to the Flash Ca... RIA Step-by-step #2 - Introduction to the Flash Catalyst CS5.5 interface Get familiar with the Adobe Flash Catalyst CS5.5 interface and functionality in preparation for designing the photo gallery RIA. Runtime: 00:07:05 Added: June 06, 2011 Views: 2,079	00:07:05
RIA Step-by-step #3 - Designing artwork for Flash... RIA Step-by-step #3 - Designing artwork for Flash Catalyst CS5.5 Learn how to use the Adobe Creative Suite tools to design the RIA UI artwork for importing into Flash Catalyst CS5.5. Runtime: 00:04:06 Added: June 06, 2011 Views: 3,517	00:04:06
RIA Step-by-step #4 - Importing an Illustrator des... RIA Step-by-step #4 - Importing an Illustrator design document into Flash Catalyst CS5.5 Import your Adobe Illustrator design document into Flash Catalyst CS5.5 and get prepared to add rich interactivity to the photo gallery RIA. Runtime: 00:03:45 Added: June 06, 2011 Views: 1,248	00:03:45
RIA Step-by-step #5 - Importing a Photoshop design... RIA Step-by-step #5 - Importing a Photoshop design document into Flash Catalyst CS5.5 Import your Adobe Photoshop design document into Flash Catalyst CS5.5 and get prepared to add rich interactivity to the photo gallery RIA. Runtime: 00:03:29 Added: June 06, 2011 Views: 1,206	00:03:29
RIA Step-by-step #6 - Working with pages and state... RIA Step-by-step #6 - Working with pages and states in Flash Catalyst CS5.5 Create button components in Flash Catalyst CS5.5 to allow for navigation between the different pages and states of the photo gallery RIA. Runtime: 00:02:23 Added: June 06, 2011 Views: 1,166	00:02:23
RIA Step-by-step #7 - Adding navigation between Fl... RIA Step-by-step #7 - Adding navigation between Flash Catalyst CS5.5 pages and states Create button components in Flash Catalyst CS5.5 to allow for navigation between the different pages and states of the photo gallery RIA. Runtime: 00:04:53 Added: June 06, 2011 Views: 1,137	00:04:53
RIA Step-by-step #8 - Creating Flash Catalyst CS5.... RIA Step-by-step #8 - Creating Flash Catalyst CS5.5 custom components Use Flash Catalyst CS5.5 to add a custom component in order to display the photos on the gallery page of the RIA. Runtime: 00:02:47 Added: June 06, 2011 Views: 1,258	00:02:47
RIA Step-by-step #9 - Creating a Flash Catalyst CS... RIA Step-by-step #9 - Creating a Flash Catalyst CS5.5 Data List component Learn how to create a Data List component to display the thumbnails that users click to see the full-size images in the photo gallery RIA. Runtime: 00:10:16 Added: June 06, 2011 Views: 1,671	00:10:16
RIA Step-by-step #10 - Designing transitions betwe... RIA Step-by-step #10 - Designing transitions between Flash Catalyst CS5.5 pages and states Add animated transitions between pages and states to create an engaging user experience for the photo gallery RIA. Runtime: 00:05:22 Added: June 06, 2011 Views: 869	00:05:22
RIA Step-by-step #11 - Designing a Flash Catalyst... RIA Step-by-step #11 - Designing a Flash Catalyst CS5.5 form Design a form in Flash Catalyst CS5.5 for submitting comments about the images in the photo gallery RIA. Runtime: 00:05:02 Added: June 06, 2011 Views: 871	00:05:02
RIA Step-by-step #12 - Round-trip editing between... RIA Step-by-step #12 - Round-trip editing between Flash Catalyst CS5.5 and Illustrator Make round-trip edits to RIA artwork in Adobe Illustrator, while maintaining the work you've done in Flash Catalyst CS5.5. Runtime: 00:02:54 Added: June 06, 2011 Views: 579	00:02:54
RIA Step-by-step #13 - Roundtrip editing between F... RIA Step-by-step #13 - Roundtrip editing between Flash Catalyst CS5.5 and Photoshop Make round-trip edits to RIA artwork in Adobe Photoshop, while maintaining the work you've done in Flash Catalyst CS5.5. Runtime: 00:02:27 Added: June 06, 2011 Views: 515	00:02:27
RIA Step-by-step #14 - Add video and sound to a Fl... RIA Step-by-step #14 - Add video and sound to a Flash Catalyst CS5.5 project Learn how to add video and audio assets to the photo gallery RIA in Flash Catalyst CS5.5. Runtime: 00:05:34 Added: June 06, 2011 Views: 775	00:05:34
RIA Step-by-step #15 - Controlling video with Flas... RIA Step-by-step #15 - Controlling video with Flash Catalyst CS5.5 interactions Create custom buttons and interactions to control audio and video playback in Flash Catalyst CS5.5. Runtime: 00:07:14 Added: June 06, 2011 Views: 606	00:07:14
RIA Step-by-step #16 - Exporting and importing a F... RIA Step-by-step #16 - Exporting and importing a Flash Catalyst CS5.5 library package Export your Flash Catalyst CS5.5 Project Library as a Library Package for importing into other RIAs that use the same assets. Runtime: 00:01:47 Added: June 06, 2011 Views: 493	00:01:47
RIA Step-by-step #17 - Publishing a Flash Catalyst... RIA Step-by-step #17 - Publishing a Flash Catalyst CS5.5 project Learn how to publish the Flash Catalyst CS5.5 photo gallery project to the web or as an AIR application for the desktop. Runtime: 00:03:50 Added: June 06, 2011 Views: 649	00:03:50
RIA Step-by-step #18 - RIA with Flash Builder 4.5 RIA Step-by-step #18 - RIA with Flash Builder 4.5 Get familiar with the Adobe Flash Builder 4.5 interface and functionality in preparation for developing the photo gallery RIA. Runtime: 00:05:25 Added: June 06, 2011 Views: 988	00:05:25
RIA Step-by-step #19 - Importing a Flash Catalyst... RIA Step-by-step #19 - Importing a Flash Catalyst CS5.5 design into Flash Builder 4.5 Import your Flash Catalyst CS5.5 project into Flash Builder 4.5 and get prepared to add data services and user event functionality to the photo gallery RIA. Runtime: 00:03:46 Added: June 06, 2011 Views: 1,098	00:03:46
RIA Step-by-step #20 - Connecting to an external d... RIA Step-by-step #20 - Connecting to an external data source in Flash Builder 4.5 Connect the photo gallery RIA to an XML data source to populate the application with data stored outside the RIA - in this case: thumbnails, full size images, and image metadata. Runtime: 00:02:32 Added: June 06, 2011 Views: 1,415	00:02:32
RIA Step-by-step #21 - Binding a data service to F... RIA Step-by-step #21 - Binding a data service to Flex components Bind the XML data source to components used to display the thumbnails, full size images, and image metadata in the photo gallery RIA. Runtime: 00:07:03 Added: June 06, 2011 Views: 1,349	00:07:03
RIA Step-by-step #22 - Changing the UI content bas... RIA Step-by-step #22 - Changing the UI content based on user events Define an event handler for the click of the submit button in the photo gallery RIA. Runtime: 00:02:31 Added: June 06, 2011 Views: 659	00:02:31
RIA Step-by-step #23 - Calling a service based on... RIA Step-by-step #23 - Calling a service based on user events Connect the text input fields to a ColdFusion 9 mail service to send user comments by email in the photo gallery RIA. Runtime: 00:03:57 Added: June 06, 2011 Views: 604	00:03:57
RIA Step-by-step #24 - Mapping service calls to CR... RIA Step-by-step #24 - Mapping service calls to CRUD functionality Allow users to create, read, update, and delete (CRUD) records in a database. Use the Flash Builder data management wizard to map CRUD functionality to the appropriate service calls for working with a database. Runtime: 00:04:05 Added: June 06, 2011 Views: 487	00:04:05
RIA Step-by-step #25 - Handling data service calls... RIA Step-by-step #25 - Handling data service calls on buttons Add event handlers to enable buttons for creating, updating, and deleting items in a sales database. Runtime: 00:05:14 Added: June 06, 2011 Views: 454	00:05:14
RIA Step-by-step #26 - Checking for Flash Catalyst... RIA Step-by-step #26 - Checking for Flash Catalyst CS5.5 compatibility Learn how to check your Flash Builder 4.5 project for compatibility with Flash Catalyst CS5.5. Runtime: 00:02:35 Added: June 06, 2011 Views: 202	00:02:35
RIA Step-by-step #27 - Exporting a Flash Catalyst... RIA Step-by-step #27 - Exporting a Flash Catalyst CS5.5 compatible project Learn how to export a Flash Catalyst CS5.5 compatible project from Flash Builder 4.5. Runtime: 00:01:09 Added: June 06, 2011 Views: 280	00:01:09
RIA Step-by-step #28 - Deploying RIAs to the web o... RIA Step-by-step #28 - Deploying RIAs to the web or desktop with Flash Builder 4.5 Learn how to publish the completed photo gallery project to the web or as an AIR application for the desktop. Runtime: 00:04:02 Added: June 06, 2011 Views: 375	00:04:02
What is Flash Catalyst? What is Flash Catalyst? An introduction to Flash Catalyst. Learn how it can help you build interactive Flash content only using design skills. Runtime: 00:01:41 Added: April 12, 2010 Views: 111,653	00:01:41
Creating Interactive Web Experiences with Flash Creating Interactive Web Experiences with Flash See how the integration of the Flash family of tools in CS5 Web Premium works for the interaction designer and the web application developer. Runtime: 00:08:50 Added: April 12, 2010 Views: 56,434	00:08:50
Creating Video Portfolios with Flash Catalyst Creating Video Portfolios with Flash Catalyst Join Karl Soule as he demonstrates Adobe Flash Catalyst, a new tool in CS5 Production Premium that allows you to create interactive designs for the web… without coding! Runtime: 00:14:07 Added: May 26, 2010 Views: 13,704	00:14:07
Teaching the Adobe Flash Platform in Education Teaching the Adobe Flash Platform in Education Learn how Full Sail University is using the Adobe Flash Platform to instruct students how to create rich Internet applications (RIAs) that access APIs and web services. Runtime: 01:00:00 Added: November 01, 2009 Views: 771	01:00:00
Aligning Higher Education with RIA Trends and Oppo... Aligning Higher Education with RIA Trends and Opportunities Join Anuja Dharkar as she speaks about resources available to help prepare students for RIA design and development trends that are impacting interactivity and visual design while connecting designers and developers more closely. Runtime: 00:58:51 Added: October 07, 2009 Views: 396	00:58:51
Using Adobe AIR as a Tool in Universities Using Adobe AIR as a Tool in Universities Join Kellen Maicher, Frank Garofalo and Alex Porter from Purdue University as they walk us though the planning, design, and development of CGCentral, a desktop information hub Adobe AIR application. Runtime: 00:39:56 Added: October 07, 2009 Views: 711	00:39:56
Winning Student Teams Present Their Flash Catalyst... Winning Student Teams Present Their Flash Catalyst Projects Winners of the interaction design competition from the University of Missouri School of Journalism and Fudan University in Shanghai come to Adobe San Francisco to present their projects and meet the team behind Adobe Flash Catalyst CS5, the software at the center of their projects. Runtime: 00:03:02 Added: June 24, 2010 Views: 8,288	00:03:02
Disciplinary Programs with Flex and Adobe AIR Disciplinary Programs with Flex and Adobe AIR Join Shelley Evenson (Professor) and Lee Byron (Student) as they share their experiences from the Human-Computer Interaction Institute & the areas of design & computer science collaboratively developed Flex applications for video messaging and more. Runtime: 00:50:27 Added: October 07, 2009 Views: 1,334	00:50:27
RIA Uses in Education: Working Smarter, Not Harder RIA Uses in Education: Working Smarter, Not Harder See examples and hear strategies on maximizing the use of rich Internet applications (RIAs) in education while still providing the user with a personal experience. Learn how Miami University architects RIAs using Flash Catalyst, Flash Builder, CF and AIR. Runtime: 01:00:00 Added: October 18, 2009 Views: 468	01:00:00
Exploring New Uses for Rich Internet Applications... Exploring New Uses for Rich Internet Applications in Education Join Kellen Maicher from Purdue University for a demonstration of the development of several Adobe AIR applications that integrate Flash, AIR, and Flex into existing curriculums. Maicher will describe the evolution of course material from primarily SWF co Runtime: 01:00:00 Added: October 18, 2009 Views: 916	01:00:00
Rich Internet Applications Rich Internet Applications What is a rich Internet application? Looking for information on RIAs? Senior technical editor, Michael Koch points you in the right direction. Runtime: 00:01:26 Added: October 18, 2009 Views: 2,737	00:01:26
The Advantages of Flex The Advantages of Flex Learn why Flex is great for RIA development and how it compares with other RIA technologies. This introductory level session will provide a high-level overview of the tools, languages, and framework provided by Flex. Runtime: 01:00:00 Added: October 18, 2009 Views: 1,749	01:00:00
Learning Flex from Scratch (LFFS) Learning Flex from Scratch (LFFS) Join Adam Flater & Scott Sheridan as they share info about the Learning Flex from Scratch series on Inside RIA (http://www.insideria.com/adam_flater_and_scott_sheridan/) focused on a non-programmers journey into the world of Flex. Runtime: 01:00:41 Added: October 18, 2009 Views: 2,838	01:00:41
Sketching Interactivity by Ethan Eismann Sketching Interactivity by Ethan Eismann Join Ethan Eismann to see a variety of tutorials and examples that visually explain innovative ways for you to map, plan, and organize your RIA or Adobe AIR application. Runtime: 01:03:19 Added: October 18, 2009 Views: 1,156	01:03:19
RIA Step-by-step #1 - RIA with Adobe Flash Catalys... RIA Step-by-step #1 - RIA with Adobe Flash Catalyst CS5 and Flash Builder 4 Get started with this step-by-step tutorial series with an introduction to the photo gallery RIA course project. Learn where to access sample project files, project assets, and other RIA teaching and learning resources. Runtime: 00:02:19 Added: May 03, 2010 Views: 7,278	00:02:19
RIA Step-by-step #2 - Introduction to the Flash Ca... RIA Step-by-step #2 - Introduction to the Flash Catalyst CS5 Interface Get familiar with the Adobe Flash Catalyst interface and functionality in preparation for designing the photo gallery RIA. Runtime: 00:06:56 Added: May 03, 2010 Views: 3,799	00:06:56
RIA Step-by-step #3 - Designing artwork for Flash... RIA Step-by-step #3 - Designing artwork for Flash Catalyst CS5 Learn how to use the Adobe Creative Suite tools to design the RIA UI artwork for importing into Flash Catalyst Runtime: 00:04:10 Added: May 03, 2010 Views: 2,743	00:04:10
RIA Step-by-step #4 - Importing an Illustrator des... RIA Step-by-step #4 - Importing an Illustrator design document into Flash Catalyst CS5 Import your Adobe Illustrator design document into Flash Catalyst and get prepared to add rich interactivity to the photo gallery RIA. Runtime: 00:03:49 Added: May 03, 2010 Views: 1,615	00:03:49
RIA Step-by-step #5 - Importing a Photoshop design... RIA Step-by-step #5 - Importing a Photoshop design document into Flash Catalyst CS5 Import your Adobe Photoshop design document into Flash Catalyst and get prepared to add rich interactivity to the photo gallery RIA. Runtime: 00:03:18 Added: May 03, 2010 Views: 1,461	00:03:18
RIA Step-by-step #6 - Working with pages and state... RIA Step-by-step #6 - Working with pages and states in Flash Catalyst Learn how to work with pages and states in Flash Catalyst to architect the flow of content for the photo gallery RIA. Runtime: 00:02:37 Added: May 03, 2010 Views: 1,920	00:02:37
RIA Step-by-step #7 - Adding navigation between Fl... RIA Step-by-step #7 - Adding navigation between Flash Catalyst CS5 pages and states Create button components in Flash Catalyst to allow for navigation between the different pages and states of the photo gallery RIA. Runtime: 00:04:55 Added: May 03, 2010 Views: 2,502	00:04:55
RIA Step-by-step #8 - Creating Flash Catalyst CS5... RIA Step-by-step #8 - Creating Flash Catalyst CS5 custom components Use Flash Catalyst to add a custom component in order to display the photos on the gallery page of the RIA. Runtime: 00:03:11 Added: May 03, 2010 Views: 4,840	00:03:11
RIA Step-by-step #9 - Creating a Flash Catalyst CS... RIA Step-by-step #9 - Creating a Flash Catalyst CS5 Data List component Learn how to create a Data List component to display the thumbnails that users click to see the full-size images in the photo gallery RIA. Runtime: 00:10:16 Added: May 03, 2010 Views: 4,967	00:10:16
RIA Step-by-step #10 - Designing transitions betwe... RIA Step-by-step #10 - Designing transitions between Flash Catalyst CS5 pages and states Add animated transitions between pages and states to create an engaging user experience for the photo gallery RIA. Runtime: 00:05:03 Added: May 03, 2010 Views: 1,877	00:05:03
RIA Step-by-step #11 - Designing a Flash Catalyst... RIA Step-by-step #11 - Designing a Flash Catalyst CS5 form Design a form in Flash Catalyst for submitting comments about the images in the photo gallery RIA. Runtime: 00:05:45 Added: May 03, 2010 Views: 3,967	00:05:45
RIA Step-by-step #12 - Round-trip editing between... RIA Step-by-step #12 - Round-trip editing between Flash Catalyst CS5 and Illustrator Make round-trip edits to RIA artwork in Adobe Illustrator, while maintaining the work you've done in Flash Catalyst. Runtime: 00:03:19 Added: May 03, 2010 Views: 965	00:03:19
RIA Step-by-step #13 - Round-trip editing between... RIA Step-by-step #13 - Round-trip editing between Flash Catalyst CS5 and Photoshop Make round-trip edits to RIA artwork in Adobe Photoshop, while maintaining the work you've done in Flash Catalyst Runtime: 00:03:08 Added: May 03, 2010 Views: 759	00:03:08
RIA Step-by-step #14 - Adding video and sound to a... RIA Step-by-step #14 - Adding video and sound to a Flash Catalyst CS5 project Learn how to add video and audio assets to the photo gallery RIA in Flash Catalyst. Runtime: 00:03:08 Added: May 03, 2010 Views: 1,940	00:03:08
RIA Step-by-step #15 - Controlling video with Flas... RIA Step-by-step #15 - Controlling video with Flash Catalyst CS5 interactions Create custom buttons and interactions to control audio and video playback in Flash Catalyst. Runtime: 00:07:30 Added: May 03, 2010 Views: 1,358	00:07:30
RIA Step-by-step #16 - Exporting and importing a F... RIA Step-by-step #16 - Exporting and importing a Flash Catalyst CS5 Library Package Export your Flash Catalyst Project Library as a Library Package for importing into other RIAs that use the same assets. Runtime: 00:02:03 Added: May 03, 2010 Views: 977	00:02:03
RIA Step-by-step #17 - Publishing a Flash Catalyst... RIA Step-by-step #17 - Publishing a Flash Catalyst project Learn how to publish the Flash Catalyst photo gallery project to the web or as an AIR application for the desktop. Runtime: 00:04:12 Added: May 03, 2010 Views: 1,164	00:04:12
RIA Step-by-step #18 - RIA with Flash Builder 4 RIA Step-by-step #18 - RIA with Flash Builder 4 Get familiar with the Adobe Flash Builder interface and functionality in preparation for developing the photo gallery RIA. Runtime: 00:05:15 Added: May 03, 2010 Views: 1,776	00:05:15
RIA Step-by-step #19 - Importing a Flash Catalyst... RIA Step-by-step #19 - Importing a Flash Catalyst design into Flash Builder 4 Import your Flash Catalyst project into Flash Builder and get prepared to add data services and user event functionality to the photo gallery RIA. Runtime: 00:03:49 Added: May 03, 2010 Views: 3,495	00:03:49
RIA Step-by-step #20 - Importing an edited Flash C... RIA Step-by-step #20 - Importing an edited Flash Catalyst project into Flash Builder 4 Modify artwork for the photo gallery RIA in Flash Catalyst and then import the updated FXG file into Flash Builder, using the compare feature to compare and update the code that has changed. Runtime: 00:04:06 Added: May 03, 2010 Views: 1,545	00:04:06
RIA Step-by-step #21 - Connecting to an external d... RIA Step-by-step #21 - Connecting to an external data source in Flash Builder 4 Connect the photo gallery RIA to an XML data source to populate the application with data stored outside the RIA - in this case: thumbnails, full size images, and image metadata. Runtime: 00:02:35 Added: May 03, 2010 Views: 2,210	00:02:35
RIA Step-by-step #22 - Binding a data service to F... RIA Step-by-step #22 - Binding a data service to Flex components Bind the XML data source to components used to display the thumbnails, full size images, and image metadata in the photo gallery RIA. Runtime: 00:07:45 Added: May 03, 2010 Views: 2,394	00:07:45
RIA Step-by-step #23 - Changing the UI content bas... RIA Step-by-step #23 - Changing the UI content based on user events Define an event handler for the click of the submit button in the photo gallery RIA. Runtime: 00:02:13 Added: May 03, 2010 Views: 1,015	00:02:13
RIA Step-by-step #24 - Calling a service based on... RIA Step-by-step #24 - Calling a service based on user events Connect the text input fields to a ColdFusion 9 mail service to send user comments by email in the photo gallery RIA. Runtime: 00:03:59 Added: May 03, 2010 Views: 3,040	00:03:59
RIA Step-by-step #25 - Mapping service calls to CR... RIA Step-by-step #25 - Mapping service calls to CRUD functionality Allow users to create, read, update, and delete (CRUD) records in a database. Use the Flash Builder data management wizard to map CRUD functionality to the appropriate service calls for working with a database. Runtime: 00:04:18 Added: May 03, 2010 Views: 825	00:04:18
RIA Step-by-step #26 - Handling data service calls... RIA Step-by-step #26 - Handling data service calls on buttons Add event handlers to enable buttons for creating, updating, and deleting items in a sales database. Runtime: 00:05:18 Added: May 03, 2010 Views: 633	00:05:18
RIA Step-by-step #27 - Deploying RIAs to the web o... RIA Step-by-step #27 - Deploying RIAs to the web or desktop Learn how to publish the completed photo gallery project to the web or as an AIR application for the desktop. Runtime: 00:03:48 Added: May 03, 2010 Views: 845	00:03:48

Suggested Episodes

Next episode in this show

RIA Step-by-step #10 - Designing transitions between Flash Catalyst CS5 pages and states

Rich Internet Applications 101

Products Covered:

Other Suggested Episodes

Add Interactivity to your Project

Learn Flash Catalyst CS5.5

Products Covered:

Working with Adobe Illustrator

Learn Flash Catalyst CS5.5

Products Covered:

Working with Adobe Photoshop

Learn Flash Catalyst CS5.5

Products Covered:

Understanding States and Layers

Learn Flash Catalyst CS5.5

Products Covered:

Use the Library

Learn Flash Catalyst CS5.5

Products Covered:

Products used in this episode

Flash Catalyst

Try Buy Learn More Help & Support

Related Shows

360|Flex Conference

360|Flex is the leading Flex/AIR/ActionScript conference in the world. Developers from around the globe come to network, collaborate and learn, from the best speakers in the industry.

Recent Episodes

Learning Flex from Scratch (LFFS)