Graphics
 

Adobe Flash Catalyst CS5 : Using design-time data (part 2) - Add and remove elements in the repeated item

 
11/18/2011 4:48:56 PM

Add and delete design-time data

By default, the Data List component begins with five sample records. In some cases, this may not be enough to demonstrate the list effectively. For example, a list that will eventually display a large collection of thumbnail images may need a larger sample to activate the scroll bar or to fill out the total area in a tiled set of images.

1.
In the Design-Time Data panel, click row number 3 in the far-left column to select it. Be sure to click the row number, not one of its image or text columns.

Clicking the row number selects the row without opening the Select Asset dialog box.

2.
Click Add Row in the Design-Time Data panel.

An exact copy of the selected row is added below it and any rows after that are renumbered. You can swap the images and text, just like you’ve done for the other rows.

3.
Select the new row you just added (it should be row 4), and click the Delete icon () in the Design-Time Data panel.

The row is deleted.

4.
Collapse the Design-Time Data panel so you can see more of the artboard.

Add and remove elements in the repeated item

After creating the data list, you can modify the repeated item template by adding or removing text and images.

1.
Select the Data List component and click Edit Parts in the HUD to edit the component in Edit-In-Place mode.

Tip

To edit a Data List component in Edit-In-Place mode, you can double-click the data list. You can also select it and choose Modify > Edit Component. A third option is to select it and click Edit Parts in the HUD.

2.
Double-click the repeated item (anywhere in the list of reviews).

3.
In the Images category in the Library panel, locate the categoryIcon_Japanese.png file.

It’s a little piece of sushi.

4.
Drag the categoryIcon_Japanese.png file to the artboard and position it to the left of the stars.

Right now, the sushi graphic is only in the Normal state of the repeated item.

5.
Choose States > Share To State > All States.

Now the sushi icon appears in the Normal, Over, and Selected states.

Note

If you add new text in the repeated item, the option in the Design-Time Data section of the HUD changes to Add Text To Design-Time Data.

6.
In the Design-Time Data section of the HUD, choose Add Image To Design-Time Data.

7.
Click Review_Popup in the Breadcrumbs bar.

Every item in the data list now includes the sushi graphic.

8.
Expand the Design-Time Data panel.

A new column, Image 4, is added to the Design-Time Data panel.

9.
Click the Image 4 sushi graphic in row 1.

10.
In the Select Asset dialog box, select categoryIcon_Cafe.png and click OK.

The sushi is now a cup of coffee.

11.
Collapse the Design-Time Data panel.

The icons are updated in the list.

12.
Double-click the Data List component to edit it in Edit-In-Place mode.

13.
Double-click the repeated item (anywhere in the list of reviews) to edit it.

14.
Select the sushi graphic.

15.
In the HUD, choose Remove Image From Design-Time Data.

The image is no longer part of the design-time data, but it still appears in the artboard.

16.
Select the sushi graphic, open the Layers panel, and click the Delete icon () in the Layers panel to remove it from the application.

Tip

You can also add or remove repeated item template images and text by choosing Modify > Add Image (or Text) To Design-Time Data; or choosing Modify > Remove From Design-Time Data.

17.
Close the project without saving changes and leave Flash Catalyst open.
 
Others
 
- Adobe Flash Catalyst CS5 : Using design-time data (part 1) - Replace design-time images & Edit design-time text
- Adobe Flash Catalyst CS5 : Setting data list properties
- Adobe Illustrator CS5 : Learning the Truth About Transparency (part 2)
- Adobe Illustrator CS5 : Learning the Truth About Transparency (part 1) - Understanding Transparency Flattening
- Dreamweaver CS5 : Using Dreamweaver Templates - Adding Content to Template Documents
- Dreamweaver CS5 : Using Dreamweaver Templates - Using Editable Regions
- Adobe Photoshop CS5 : Fixing Depth-of-Field Problems
- Adobe Photoshop CS5 : Using the Dodge and Burn Tools
- QuarkXPress 8 : Combining type and graphics
- QuarkXPress 8 : Fine-tuning typography
- Adobe After Effects CS5 : Curves: Gamma and Contrast
- Adobe After Effects CS5 : Levels: Histograms and Channels
- Adobe Fireworks CS5 : Adjusting tonal range & Using the Align panel
- Adobe Fireworks CS5 : Importing images & Distortion-free bitmap scaling
- CorelDraw 10 : Naming a Web Page
- CorelDraw 10 : Adding a Page Background
- Adobe Flash Professional CS5 : Sampling and Switching Fills and Strokes (part 2)
- Adobe Flash Professional CS5 : Sampling and Switching Fills and Strokes (part 1)
- Adobe InDesign CS5 : Adding and Deleting Anchor Points
- Adobe InDesign CS5 : Converting Points
 
 
Most View
 
- Windows 8 : Customizing the Start Screen (part 1) - Resizing a Tile, Moving a Tile
- Windows Phone 8 : Exploring the Execution Model (part 3) - Programmatically Exiting an App , Saving Transient State
- Microsoft Exchange Server 2013 : Role assignment (part 3) - Database scoping, Special roles
- Microsoft Lync Server 2013 Monitoring and Archiving : Monitoring Components Installation (part 1) - Monitoring Configuration
- Windows 8 : Sharing Settings (part 1) - To access sharing settings
- Windows Small Business Server 2011 : Deploying Applications with Group Policy (part 2) - Creating a GPO for Software Deployment
- Sharepoint 2013 : Customizing a SharePoint Site - Create a Content Type
- Distributing Sharepoint 2013 Apps : Application Life Cycle - Using Seller Dashboard Metrics
- Windows Phone 8 : Working with People - The People Hub (part 1) - Viewing a Profile
- Microsoft Lync Server 2013 Edge Server : Edge Server Installation (part 2) - Edit the Topology, Deploying a Single Edge Server Pool
 
 
Top 10
 
- Windows 8 : Customizing the Lock Screen - Customizing the Lock Screen Background,Controlling the Apps Displayed on the Lock Screen, Disabling the Lock Screen
- Microsoft Visio 2010 : Cleaning Up Documents - Setting Document Properties,Removing Personal Information , Reducing File Size
- Microsoft Visio 2010 : Working with SharePoint - Working with Files in Document Libraries
- Microsoft Visio 2010 : Exporting Visio Graphics to Other Formats
- Microsoft Visio 2010 : Using Visio Graphics with Other Applications
- Microsoft Visio 2010 : Saving Visio Files in XML Format, Saving Files in Older Visio Formats
- Active Directory 2008 : Managing OUs (part 3) - Delegating Control of OUs
- Active Directory 2008 : Managing OUs (part 2) - Administering Properties of OUs
- Active Directory 2008 : Managing OUs (part 1) - Moving, Deleting, and Renaming OUs
- Windows 8 for Business : Features Exclusive to Windows 8 Enterprise,Windows RT and Business