IT tutorials

Adobe Flash Catalyst CS5 : Creating a Data List component (part 1) - Design a sample record

11/8/2011 5:10:37 PM
- Free product key for windows 10
- Free Product Key for Microsoft office 365
- Malwarebytes Premium 3.7.1 Serial Keys (LifeTime) 2019
There are three main steps to making a Data List component. These are:
  • Design a sample item or record in the list. Add a scroll bar if your list will extend beyond the available space in the user interface.

  • Convert the sample record (and scroll bar) into a Data List component.

  • Define the elements that represent the repeated item (a single record).

Design a sample record

If you think about a traditional data list, there are typically columns and rows of information. Each row represents a unique record in the database. For each record there may be several columns of information. For example, an employee list displays each employee in a different row and includes columns for employee name, number, department, hire date, and so on.

In Flash Catalyst, records can be listed horizontally, vertically, or tiled. Each record can include text, numbers, images, and other artwork. The first step to making a Data List component is to pull together the elements that make up a single record. If your list requires a scroll bar, you can place it relative to the first item in the list.

Browse to the Lesson10 folder on your hard drive and open the Lesson10_Restaurants.fxp file.

Select SubPages in the Pages/States panel.

In the Layers panel, select Sub Pages.

This selects the Sub Pages custom component in the artboard. The restaurant reviews data list will be nested inside the Info state in the Sub Pages custom component. Nesting components is an efficient way to create multiple views without adding additional application pages.

In the Heads-Up Display (HUD), click Info to edit the Sub Pages custom component in Edit-In-Place mode.

The component opens with the Info state selected. The Info state includes another nested component called Review Popup.

In the Layers panel, expand the Sub Pages layer folder, expand the Info layer folder, and select Review Popup.

The Review Popup custom component is selected in the artboard.

In the HUD, click Reviews to edit the Review Popup component in Edit-In-Place mode with the Reviews state selected.

This is where the restaurant reviews belong. This data list will include more reviews than can fit vertically in the Reviews Popup, so you’ll need to add a vertical scroll bar.

In the Library panel, expand the Components category and select the Review_Popup_VerticalScrollbar component.

Drag the Review_Popup_VerticalScrollbar from the Library panel to the artboard. Position it along the right side of the empty white space.

Now let’s import the artwork for a sample review that was designed in Adobe Photoshop.

Choose File > Import > Adobe Photoshop File (.psd). Browse to the Lesson10 folder, select the DataList_art.psd file, and click Open. Click OK to accept the default import fidelity options.

The sample review artwork is imported and selected in the artboard.

Position the artwork at the top of the reviews panel and to the left of the scroll bar.

You now have one sample record and a scroll bar.

- Adobe Flash Catalyst CS5 : Flash Catalyst data lists
- Adobe Illustrator CS5 : Printing from Illustrator (part 3) - Specifying Color Separations
- Adobe Illustrator CS5 : Printing from Illustrator (part 2) - Exploring the Marks and Bleed Print Panel & Exploring the Output Print Panel
- Adobe Illustrator CS5 : Printing from Illustrator (part 1) - Exploring the General Print Panel
- Dreamweaver CS5 : Understanding Templates & Creating Your Own Templates
- Dreamweaver CS5.5 : Using the Open Browser Window Behavior
- Adobe Photoshop CS5 : Fixing Shots with a Dull Gray Sky
- Adobe Photoshop CS5 : When Your Subject Is in the Shadows
- Adobe After Effects CS5 : Color Correction for Image Optimization (part 2) - Individual Channels for Color Matching
- Adobe After Effects CS5 : Color Correction for Image Optimization (part 1) - Levels
Top 10
- How to Monitor Internet data usage on Windows 10
- How to fix the error 0x8007045d on Windows
- The Growth of Game Development Companies in Nevada in Diverse Sectors
- How to install shader in Windows 10 Minecraft Bedrock Edition
- How to rebuild BCD in Windows (fix the error : BOOTMGR is Missing)
- Microsoft Excel 2013 : Converting an Existing Workbook – Convert an Excel 97-2003 to Excel 2013
- How to fix error “WiFi with exclamation mark”
- How to fix the error : Windows Update error 0x800705b4 on Windows 10
- How to change the default audio output in Windows 10
- How to fix the error : “ssl_error_rx_record_too_long” in FireFox
Technology FAQ
- Open new window from gridview hyperlink with no menu or toolbar in new window (also set width and height)
- Internet Usage Tool
- Buffalo Tera Station and Windows Server 2008 Authentification
- BI vs regular report
- Cost of CAT5e cable installation
- iMac Snow Leopard Mouse pointer jitter and always go back to upper left corner
- Click on an item in a list box and have that value populate a text field
- How do  I mount a partition in deft linux?
- vlan isolation - need to keep a vlan from seeing network
- Hyper-V P2V VM Continuous Blue Screen
programming4us programming4us