Organizer Advantage is powerful yet easy to use database manager for Windows.
Advantage Designer lets you modify our solutions or easily create new databases.
Take control of your data with our simple or buinsess database software solutions.


 |  Organizer Advantage HowTo/Help  |  Designer HowTo/Help  | 


Advantage Help > HTML Reports > How To > Create car price catalog with images.

easy-to-use database manager and database designer for Windows

How to create a car price list catalog with pictures?

Enter html document title (1). In our example we use car-price-list.htm name. Click Edit Template (2) and click Save (3) to save the file.

html report, car price catalog, step 1

Select TITLE data field (1) and click Insert Field (2). The selected field is inserted into the template (6). To save the change click Save (3). To review changes, click Preview (4).

html report, car price catalog, step 1, insert car title field

Select additional data fields and insert them into the template: MAKE, TYPE, CARYEAR, PRICE. Click Save to save changes.

html report, car price catalog, step 2

Click Preview to review the result. The document does not have html tags and the data is not formatted.

html report, car price catalog, step 3

Highlight the first keyword (TITLE), right click on the box, select Text Attributes / Bold. Bold html tags are inserted.

html report, car price catalog, step 4

Place the cursor at the end of the line, right click on the box, select New Line. The New Line html tag is inserted. Click Save. Click Preview to review changes.

html report, car price catalog, step 5

Position cursor after MAKE, TYPE, CARYEAR, and PRICE keywords and insert New Line tag.

html report, car price catalog, step 6

General information about the car is included in the template. Now we will include the car image data field.

Right click on the box and select Picture.

html report, car price catalog, step 7

Position the cursor between the quotes, select PICTURE, and click Insert Field.

html report, car price catalog, step 8
html report, car price catalog, step 9

Click Preview to review changes.

html report, car price catalog, step 10

We want to display all car images with the same width. In the Edit Template box enter width="200'. Click Save.

html report, car price catalog, step 12

Click Preview to review changes.

html report, car price catalog, step 11

We want to have 6 car listings on one page (two columns and three rows). This format is supported by a simple html table with 3 rows and 2 columns.

html report, car price catalog, step 13

Copy and paste the car display layout between td tags (table cells). Click Save.

html report, car price catalog, step 14

Click Preview to review changes. Every cell in the table includes information about the same car.

html report, car price catalog, step 15

Return to the Edit Template box and insert the Go To Next Record command. Position the cursor at the end of the cell, select Go To Next Record, and click Insert Field.

html report, car price catalog, step 16

Result: The result is a custom car price list catalog with images.

html report, car price catalog, step 17, result

Copyright © 2024 · All Rights Reserved · PrimaSoft PC