Search this site

IMatch 3.5 Migration Guide

 

IMatch 3.5 contains many new features and technologies.
This guide is intended to help users with existing IMatch databases to upgrade to the latest 3.5 release. I explain the most important new features and show you how to work with them. I also give information about how you can configure your existing installation to use all the new features.

 


Backup your 3.4 Database before installing IMatch 3.5

The database format of IMatch 3.5 has been enhanced in order to support all the new and planned functionality.
IMatch 3.5 automatically converts your database to the 3.5 format when you first open your existing database. No user action is required. The new and improved databases will not longer open in older (pre 3.5) IMatch versions.
If you unsure how to backup your database, please refer to the IMatch online help.

 

 

Dynamic Thumbnail Size

The ability to change the thumbnail size used by your database is one of the most important features in the 3.5 release. You can now define the maximum thumbnail size used by your database. Thumbnail windows adapt to the thumbnail size and allow you to set the zoom factor freely between 40 pixels and the maximum size defined.

Initially, IMatch will keep the thumbnail size you have defined when you created the database. To change the thumbnail size, follow these steps:

  • Open the Databse Wizard with Ctrl+W
  • Choose the third option: Modify Database Options
  • Press the button Change Thumbnail Options
  • Choose a new thumbnail size. I suggest you start with 300 to 400 pixels, which is a good trade-off between thumbnail size and database size.
  • Keep the Always use embedded preview in RAW files option checked for now
  • Commit your changes with the OK button and press Finish to close the Database Wizard

IMatch will from now on use the new thumbnail size whenever new thumbnails are created (when you add new images to the database or update existing images).

To test your new thumbnail size, or to migrate folders to the new thumbnail size, select a folder and choose the Rescan command from the context menu. On the first tab, make sure the option Force Rescan is set. This will instruct IMatch to re-create the thumbnails from the original files, using the current thumbnail settings.

Controlling the Display Size of Thumbnails

You control the display size for thumbnails via the thumb lens button:

By pressing this button you open the new thumb lens control:

This control allows you to choose a thumbnail size between the minimum size (40 pixels) and the current local maximum. The local maximum is the largest thumbnail size used in the current folder or catgeory. Since you can change the maximum thumbnail size managed by your database at any time, you may have differently sized thumbnails in the same folder, and even more likely in a category.

To change the thumbnail size, click and drag the slider control. The dialog will automatically close when you release the mouse button. The thumbnail window will automatically adjust to use the new thumbnail size.

In most cases you should choose a Fixed Size for your thumbnails. The Percentage (based on the size of the thumbnails as stored in the database) may be helpful if you have different thumbnail sizes in your database, or to get 100% size all the time in case of mixed-sized thumbnails in your database.

IMatch stores individual thumbnail sizes for each of the three Level of Detail (LOD) modes in your thumbnail windows, and even for the folder, category, bookmark and result window thumbnail windows. This gives you maximum flexibility in all areas.

Tip: Use a rather small (e.g. 100 pixels) for the Thumbs Only LOG mode (leftmost button in the toolbar above the thumbnail window) so you get a large number of thumbnails on screen. Use a medium size (depending on the thumbnail size you use in your database) for the middle LOD mode, and the 100% setting for the third (Detail View) LOD mode. Using such a setup gives you everything: From many thumbnails for a quick overview to full size thumbnails for review purposes.

 

 

IMatch XMP Metadata Support

Adobe™ XMP® is a new, versatile meta data standard. Based on a sub-set of XML, all the metadata is kept in text form inside your images or in external so-called sidecar files (with the .XMP extension).

One of the drawbacks of XML, XMP and other text-based formats is that they require a high computation overhead, which makes them "slow" to work with. An image file may contain an XMP record with 100 KB or more data. In order to use or display the information, IMatch has to locate and extract the information from the image file and to process the text to extract the meta data. This process is rather slow.

IMatch 3.5 introduces a proprietary caching technology for XMP metadata. This technology enables IMatch to display and search XMP data with amazing speed. IMatch extracts the XMP data once from the image or sidecar file and then stores a copy of the data in compressed form inside the database. In addition, IMatch builds an index of the actual XMP contents to make XMP data available for sorting, searching and variables.

IMatch automatically updates the cache when you index new or updated images. If you update XMP in other applications, IMatch will pick up the changes automatically when the folder is rescanned.

Manual Cache Refresh

If required, you can refresh the XMP cache manually via the Tools > XMP > Refresh XMP Cache command. This may be required if another software does not update the timestamp of your files after modifying XMP data, or when you change the XMP options in your database.

This command imports XMP data for the current selection. If you run this command while a folder is selected, it will refresh the cache for all files in the folder. Same for categories. If a thumbnail window is active, the command will refresh the XMP cache for all selected images.

Initially Building the XMP Cache

When you use IMatch 3.5 for the first time, you should create/update the XMP cache for the entire database. The easiest way to do so is to switch to the category view and to select the @All category. Then, run the Refresh XMP Cache command from the Tools > XMP menu.

Before you run this task, make sure tha the XMP options under Options > Preferences > XMP are configured to your requirements. The defaults usually work well.

You can change the XMP settings and any time and refresh the XMP cache using the new settings.

Depending on number of images in your database and the file formats you use, this step can take a while. After the process has finished, your IMatch database contains cached XMP data read from your images and sidecar files. If you have enabled the automatic import of IPTC and EXIF, IMatch has also imported the IPTC and EXIF data in your images into the XMP records in the cache.

You now can fully utilize all the new XMP features in IMatch.

Using XMP data

IMatch allows you to use XMP data everywhere you can use variables. This includes the Contact Sheet Builder, Batch Processor, Smart Renamer, the Property window, thumbnail panels and of course the Slide Show.
In addition, IMatch allows you to search for XMP Data (Search menu > Search for XMP) and to sort images based on XMP metadata (Tools > Sort Presets).

The XMP Editor

To see the XMP data for an image, click on the XMP button in the toolbar above the thumbnail window or press <Shift>+<Alt>+<F12> to open the editor.

The toolbar at the top of the editor allows you to save the XMP to the image/sidecar file (depending on your XMP options) and to load / store the XMP data into XMP files.

On the left you have the field name, on the right the field value. Repeatable fields like keywords or categories show up in indexed form, like Keyword[1], Keyword[2] etc. This is the native XMP syntax and IMatch uses it.

For new images or images which have not yet an XMP record, you can use the IPTC button to insert a standard IPTC XMP template as a start. If you work with Photoshop® or Brigde® and you have created XMP templates in these applications, you can load them here also.

For information about the meaning of all the XMP fields, please read the documentation from Adobe, available at the Adobe Website.

Since an image can contain hundreds of XMP fields, IMatch uses a hierarchical display. XMP fields are grouped into so-called namespaces. IMatch allows you to fold and unfold these namespaces and saves the state of the namespace automatically. This allows you to hide the information you don't need all the time.

In addition, with the Show fields containing and Show values containing edit fields you can filter the XMP data for specific information.

Updating XMP

 XMP is still "new". I admit than I don't understand all aspects of XMP yet, especially when you work with multiple applications. Different applications seem to treat XMP differently. Some applications store application-defined data inside XMP, and only they know what all the fields mean or if you are supposed to change them.

IMatch currently imposes no general restrictions on which fields can be changed or removed. It depends on your specific circumstance and workflow setup if and which fields you edit in XMP. Only some fields are marked as read-only and you cannot edit them.

Note: If you remove the last field in a name space, IMatch will remove the name space too. This is due to a limitation in the Adobe™ XMP toolkit.

Using the right mouse button on a field to open the context menu with additional commands. For several fields that have a relation with an IPTC field, IMatch displays the thesaurus you know from the IPTC Editor in IMatch. You can use elements from the thesaurus and even edit the thesaurus. The changes you make here will automatically show up in the IPTC editor too. On this level, you have a similar workflow in both the IPTC editor in IMatch and also the XMP editor.

Currently, the IPTC editor works only with standard IIM IPTC data. It does not directly update the new IPTC core data available in XMP directly. But when you update the IPTC in your images, IMatch will pick up the changes and import them into XMP automatically.

Loading existing XMP data into the IMatch cache or displaying XMP data in IMatch is save. Updating XMP data may require some extra testing with your other applications to ensure optimal interoperability. I also suggest that you use external sidecar files (.XMP files) instead of changing the XMP record inside you images. You can replace the XMP file at any time without touching the image.

IMatch currently supports embedded (in-image) XMP data for PSD, TIF, JPG, JPEG2000 and DNG files. Sidecar files work for all file formats.

Initial experiments indicate that Adobe™ Bridge seems to ignore sidecar files for image file formats for which it supports embedded XMP data. If you have a JPEG file A.JPG with a sidecar A.XMP file, Bridge will use the embedded XMP file in the JPEG file and also update XMP in the image file, ignoring the external XMP file. I have at least not found a setting that seems to influence this behavior. If you know how this is supposed to work, please let me know.

In order to work together with Bride, allow IMatch to store and load XMP data to/from the image file itself under Options > Preferences > XMP. If you then change a label or rating in Bridge, the change will show up in IMatch automatically.
If you change the rating or label or other XMP data in IMatch, Bridge usually only show the change when you purge the cache for the folder holding the image. Sometimes it works without this step, but not always.

Applying XMP Templates

To apply an XMP template to one or more images, use the Apply Template command from the XMP submenu in the Tools or Image menu. This command allows you to import an existing XMP file into the selected image. If you work with Adobe applications or agency systems with XMP support, you usually can reuse existing templates with IMatch.

Pending Updates

For performance reasons, IMatch by default updates only the XMP cache when you change ratings, labels or data in the XMP editor. This means that updates are immediate and fast, even when you update a large number of files at the same time. You can change that under Options > Preferences > XMP.

If you work with other XMP-compliant applications, they won't see the changes until you flush the changes from IMatch into XMP or image files. To do so, use the Process Pending Updates command from the Tools > XMP or Image > XMP menu.

The dialog is pretty self-explanatory. Just press Start to flush the XMP cache into your XMP sidecar or image files (depending on the options you have set under Options > Preferences > XMP).

IMatch can of course only update images currently on-line. If an image cannot be updated, it will be marked in a different color. The Result column contains more information about the reason of the problem

 

 

 

Drive Nodes, Per-Drive Relocation and Folder Filters

By default, drive nodes are enabled in IMatch 3.5. IMatch will automatically arrange the folders in the Database View under drive nodes. To disable drive nodes (restore the old pre-3.5 view) go to Options > Preferences > General or select a drive node in the Database View and click on the corresponding link.

Per-Drive Relocation

When you select a drive node, IMatch allows you to relocate all folders indexed on that drive to a different drive. Just click the link on the right when a drive node is selected or choose the corresponding command from the context menu of the drive node. IMatch will present a new dialog box that is pretty self-explanatory.

Folder Filters

Folder Filters are an easy way to temporarily hide specific types of folders from the Database View. To enable or disable folder filters, press the filter button in the Database View toolbar:

This will unfold a menu with the available folder filters. If you have problems with slow CD or DVD drives or network folders, you can now hide them from the database view by checking the corresponding options in this menu.

Off-line folders, espepcially on remote network shares or slow CD/DVD drives, often have a big impact on the overall performance. Use the Hide off-line folders filter to hide these folders in the Database View. If IMatch does not need to show off-line folders does not need to query information about these folders from Windows - a big speed improvement.

 

 

 

View Filters

View Filters allow you to hide (or show) images in a thumbnail window based on a variety of criteria.
When you create a new database (or convert a pre 3.5 version) IMatch creates a set of view filters for you. To access these filters, click on the filter button in the toolbar above the thumbnail window.

This menu shows contains up to 20 custom view filters. If a filter is active, you can toggle it with Ctrl+F or the corresponding menu entry. To create or edit a filter, use the same command when no filter is active.

Since my sample database works with XMP categories (using the Label and Rating expressions) I want to create a filter to hide all files without an XMP rating. This example assumes that you have imported the "7 XMP Rating and Label" category preset via Database > Import and Export > Import Category Definitons. If you create a new database, you will already have these categories.

Open the Filter Definition dialog with Ctrl+F or the corresponding menu command. Select the Rating category and enter the name as shown. Press store to save this filter. Close the dialog with OK.
IMatch will show the new filter in the menu automatically.

When you select the filter you have created, IMatch will only show images with a rating between 1 and 5 in the thumbnail window, blending out all other images. Of course you can also create filters for specific ratings, labels and whatever categories you might have. If you want to create a filter that shows only images without a rating, use the same filter options as above, but also click the Negate (invert result) option to invert the outcome of the filter.

Tip: To assign a menu shortcut to a filter, add an ampersand & to the filter name. Filters are stored in alphabetical order and displayed in the same order in the menu. You can control the order of filters in the menu by using appropriate names.

In many cases you just want to filter the current view temporarily. In this case, open the filter dialog, set your criteria and close it with OK. The filter will be applied to the current thumbnail window but it will not be stored.

 

 

Slide Show

The slide show in IMatch has been enhanced to contain a film strip window and to allow direct editing of labels and ratings.

The Film Strip Window

To show/hide the film strip window, press 'S' on the keyboard. By pressing 'S' multiple times you can toggle the position of the film strip window between off, bottom and side. Press 'I' to toggle the Information window and 'H' to toggle the histogram.

To scroll the film strip window, move the mouse cursor to the left/upper or right/lower edge of the film strip window. The cursor will change to indicate scrolling. The film strip window uses a ballistic scrolling. Move the cursor more to the edge of the window to increase scrolling speed. You will get the hang on it pretty fast.

To set the active image for the slide show, click on a thumbnail in the film strip window. The active image has a differently colored border, and also sticks out a bit. When you navigate the slide show with the mouse or the keyboard shortcuts, the film strip window will follow, repositioning the active image.

If you move the mouse on a thumbnail in the film strip window, a tooltip will be shown. The information shown in this thumbnail can be configured under Options > Preferences > Slide Show. Since the tooltip can handle IMatch variables, you can show whatever information you want to see, including EXIF, IPTC and XMP information.
You can also hide the thumbnail if you like by setting the corresponding option. The thumbnail size in the film strip can be configured here also. It is independend from the thumbnail size used for the thumbnail window.

Labels and Ratings

To set a rating or label for the current image, use the context menu (right mouse button) on the image in the slide show, or click the Rating bar at the lower right of the slide show. Even quicker are the keyboard shortcuts <Ctrl>+<0> to <Ctrl>+<5> and <Shift>+<Ctrl>+<0> to <Shift>+<Ctrl>+<5>.

To set a rating or label for an image in the film strip window, just click below the thumbnail (watch the tooltip).

 

 

The Category Builder and the @Interactive Category

The Category Builder allows you to interactively create category expressions. By dragging categories onto the grid you combine them via OR, AND or NOT, depending on which column you drag the category too.

Switch to the Category View. Make sure the Category Builder window is visible below the category tree. If not, click on the caption bar of the small window to maximize it.

Drag two categories into the OR column of the Category Builder window. Drag each category into a a new row. I used the two categories "Samples.My Car" and "Samples.My House.

This creates the category formula "Samples.My Car" OR "Samples.My House", resulting in all images in at least one of these two categories. The result of this formula is immediately available in the special @Interactive category. To see it, press the toolbar button with the green arrow above in the Category Builder window or justs select the @Interactive category in the category tree.

To delete a catgeory name, select the row and press <Del>. To clear the Category Builder, press <Ctrl>+<Del> or the associated toolbar button (watch the tooltips when you move the mouse over the buttons).

Next, combine two categories via AND. Click somewhere into the Builder window and press <Ctrl>+<Del> to clear it. Drag two categories into the Builder window, but this time into the AND colum:

This combines the two categories via the AND operation. The @Interactive category will now contain only images which are assigned to "Samples.My Car" AND "Samples.My House".

To comine the outcome of this expression with all images assigned to "Samples My Pets", just drag the "Samples.My Pets" category into the OR colum of the next row:

The @Interactive category now contains all images which are contained in "Samples.My Car" and "Samples.MyHouse" or in "Samples.My Pets".

If you like the result in the @Interactive category, you can create a "real" category from it by clicking the toolbar button. You can also set the expression of the current category from the @Interactive category with the other button.

 

 

 

Sealed and System Categories

The 3.5 release of IMatch introduces two new category attributes:

  • Sealed
    A sealed category does not allow for direct image assignments. Users can set this attribute in the category properties
  • System
    System categories are under the control of IMatch and cannot be manipulated by the user
 

 

Data-driven Categories

This is a pretty exiting yet somewhat experimental feature.

Basically, a data-driven category creates child categories dynamically based on some criteria. You can for example instruct IMatch to create a child category based on the year, month and day an image was taken. Or for each lens used. Or for the focal distance, camera model or shutter speed.

To create a data-driven category, create a new category and open the properties for this category.

Enable the Auto-group... option and select an XMP field from the list of available fields. Press OK to close the dialog. IMatch will now scan the XMP cache and create a child category for each individual value it finds for the XMP "Lens" field.

For my sample database, the outcome looks like this:

IMatch has created 9 child categories because the EXIF information in the images in this sample database reported 9 different lenses. Note: Since dots (.) are not allowed in category names, IMatch has automatically replaced dots with the underscore ( _ ) character while creating the categories.

Let's try a different XMP field:

This field contains the name of the camera model (for most camera vendors). For my sample database, the result looks like:

This database obviously contains images from a variety of cameras.

Finally, we create a data-driven category based on the DateTimeOriginal XMP field. This field holds the date and time an image was taken.

Here we need to use a new feature to get the result we expect: substrings. Since the DateTimeOriginal field also contains the time the image was taken, and this would result in way to many categories, we look only at the first 10 characters of the XMP field. The format of the field is YYYY-MM-DD, so by starting at the first character and using 10 characters, we group on the date only.

The outcome is similar to a time line (or a calendar) and looks like this:

 
Refreshing Data-driven Categories

Since calculating the child categories of a data-driven category can be a time-consuming task, IMatch does not automatically update data-driven categories whenever you add or update an image in the database. Instead it marks the data-driven categories with a special icon. You can force a refresh of the child-categories with the <F5> key for a specific category, or with <Ctrl>+<F5> for all data-driven categories.

Besides the number and names of child categories, a data-driven category also controls the images associated to each child-category.

On-demand Calculation

When you change the structure or the list of child categories of a data-driven category, IMatch automatically marks all categories as volatile internally. When you click on such a category (or use it in a formula), IMatch calculates the contents of the catergory based on the data formula and caches the resuling list of images in the category.
You may notice a short delay when you click on a category that needs to be recalculated. But even for large databases the delay is usually less than a second. This may sound complicated, but is a fully automatic process.

Data-driven categories are very powerful and allow you to gain even more insight into your image collection. But please don't try to create data-driven categories on XMP fields which hold a large variety of individual elements. Don't group on Milliseconds because this most-likely results in one category per image in your database. Don't group on thinks like pixel count or file size.
IMatch internally limits the number of child categories for data-driven categories to protect itself. But don't stress it.

 

 

Configuring Property Windows

The information about HTML usage here and in the following sections applies to property windows, thumbnail panels, the tooltip and information window used in the slide show and also the new HTML layout options in the contact sheet builder.

IMatch 3.5 contains a new layout engine that gives you more options when formatting the outputs in the property windows below the thumbnail window. You can configure the EXIF, IPTC and XMP property windows independently.

For a start, I suggest that you take over the defaults. To do so, switch to either one of the three tabs. Press the Customize button in the toolbar on the left. Note: You no longer configure the contents of the property display window via Options > Preferences but directly from here.

At first sight, the new configuration may look a bit strange. But basically its a simple form of HTML. The layout engine in use can interpret and render simple HTML code, including all sorts of font attributes and sizes, colors, table layouts and stuff. No style sheets or other fancy DHTML features are available, but there are plenty of formatting options anyway.

If your display looks different, please press the Load button and load this preset:

These presets are installed when you install IMatch and are used as the defaults for new installation. After loading the preset, you can check the result by pressing the Configure button in the toolbar again. Make sure you have an image with IPTC data selected for the best result.

Besides the rather strange looking HTML codes for the formatting, the preset relies on IPTC variables to tell IMatch what you want to display in this window. You will find familiar things like {Image.IPTC.Headline} or {Image.IPTC.Caption/Abstract} in the HTML code. The rest of the preset basically tells IMatch in which font and with which colors to display the contents of the variables.

The same logic is applied to all three (IPTC, EXIF, XMP) displays. Please load the prestes (see the image above) in the corresponding display: Switch to the window and press the Configure button in the toolbar. Press the Load button in the toolbar inside the editor to load the corresponding preset for that panel. Press the Configure button again to take over the changes.

If you have ever worked with HTML, you'll find your way around quickly. The toolbar in the editor gives you direct access to most of the supported HTML elements. You can also type in HTML code manually. Press the Configure button to check your changes. You may need to switch to another image and back to enforce a reload of the image data into the property window.
 

 

Configuring Thumbnail Panels

You can configure the contents of thumbnail panels for each of the three Level of Detail (LOD) modes as usual via Options > Preferences > Thumb View.

In addition, you now can add user-defined data to the thumbnail panel. To do so, press the new Configure button in the dialog (there is one button for each LOD mode). This will open a new window with the same HTML control you know from configuring the property window above.

Tip: Make sure you have an image selected before you open the dialog. This allows IMatch to retrieve the data from the image so you get a proper preview in this dialog.

When you open the dialog, it will look similar to this:

This image is based on the "Camera Info" preset that comes with IMatch and that you can load by switching to the HTML editor with the Edit/Preview button. There are several other presets you can choose from, and of course you can configure that all to your liking.

The contents of the preset Camera Info (all in the Presets folder below the IMatch program folder) look like this:

As you can see, EXIF variables like {Image.EXIF.F Number} are used to control what information is displayed below the thumbnail. The rest is HTML code to create a table so the information is displayed properly. You can change the variables with the V button in the toolbar, change fonts, colors and whatnot in this editor. Press the Edit/Preview button again to get a preview of the outcome.

There are two other controls on this dialog. They allow you to define a minimal width and height for the part of the thumbnail panel that contains the user-defined data. For example, when you configure one of your LOD modes to show IPTC/XMP data like headline or description you may want a bigger space to display this information. Just increase the width and height to make room for the data below the thumbnail.

Depending on the number of variables, the font size and other formatting options you use, you may need to allocate more or less space. If you use variables which can contain several lines of data, add about 20 pixels per row in the height control. Note: Thumbnail panels will use the width you enter here, or the width of the thumbnail - whatever is larger.

The output of this preset is shown below (left). The upper part of the thumbnail panel is filled with the standard attributes you can click on, the lower part is controlled by the user-data preset. The right thumbnail panel displays XMP/IPTC information and is based on the preset XMP EXIF camera information available in the Presets folder. It shows the headline and a short description of the image, in addition to EXIF shooting information.

 

Tip: You can load the presets that come with IMatch via the Load button in the editor. You can of course change the contents, add new rows with variables and then save the outcome as a new preset using the Save button in the editor. Use the Edit/Preview button to switch between the HTML editor and the preview window. This allows you to control if the changes you make bring the right result.

There are only very little limits of what can be done with this concept. You can use any variable to display here: IPTC, EXIF and even XMP data (and there are over 100 fields alone for XMP). When you work with IPTC, you now can display the image headline, the photographer or special instructions right under the thumbnail.

 

 

 

The HTML Layout Engine

The new layout engine gives you much more control over the output in the property window and the thumbnail panels. Even better, it is also used in the Contact Sheet Builder too. This allows you to use different fonts, sizes and colors in contact sheets, for even better outputs.

The layout engine is based on a subset of HTML, without support for cascading style sheets, DHTML or (Java)scripting. This means that you can use any HTML reference on the web to learn more about <font> or <table> tags uses in IMatch.

The principles are rather simple. We use a propery window as an example. Switch to the editor by pressing the Configure button in the toolbar. Enter the following text and press Configure again:

Font Formatting

<font color="#000000">{Image.Name}</font>

This will print the file name of the image in black (the #000000 is the color code for black in HTML). You can enter colors into your preset by pressing the color button in the toolbar. Colors are always to be enclosed in double quotes and need to start with #.

Change that to

<font color="#000000"><b>{Image.Name}</b></font>

to print the file name in bold. By adding a font size, you can make the file name appear larger:

<font size="14pt" color="#000000"><b>{Image.Name}</b></font>

Do you prefer the file name in blue instead? We've added the file size, too in italic (<i> tag):

<font size="14pt" color="#0000FF"><b>{Image.Name} / <i>{Image.Size} Bytes</i></b></font>

Not too complicated, isn't it.

When you want to use several lines, you can use the <br> tag to force a new line:

<font size="14pt" color="#0000FF"><b>{Image.Name}<br><i>{Image.Size} Bytes</i></b></font>

Note: If you use such custom formats with thumbnail panels, make sure you adjust the height accordingly. There must be room to hold multiple lines.

Do you want the file site in a different color? Just close the <font> tag behind the image name and start a new one, with a different color:

<font size="14pt" color="#0000FF"><b>{Image.Name}</font><br><font color="#FF0000"><i>{Image.Size} Bytes</i></b></font>

Tables

For more advanced layouts, we can use HTML tables. A HTML table consists of three tags:

<table></table>: These tags start and end a table
<tr></tr>: These tags start and end a row. A table can have any number of rows
<td></td> : These tags start and end a column. A row can have any number of colums.

Enter the following HTML code into your property window and check the output:

<table>  <!-- We start the table -->
    <tr> <!-- row start -->
        <td><font color="#000000">Column 1 in Row 1</font></td>  <!-- A column -->
    </tr> <!-- row end -->
</table>  <!-- We end the table -->

Change it to

<table>
  <tr>
    <td><font color="#000000">Column 1 in Row 1</font></td>
  </tr>
  <tr> <!-- A second row starts -->
    <td><font color="#000000">Column 1 in Row 2</font></td>
  </tr>
</table>                       

and check. You should see two rows. Let's make that two rows with two columns each:

<table border="1">
  <tr>
    <td><font color="#000000">Row 1</font></td><td><font color="#000000">Text</font></td>
  </tr>
  <tr>
    <td><font color="#000000">Row 2</font></td><td><font color="#000000">Text</font></td>
  </tr>
</table>

This makes a pretty good table with two rows (use border="0" in the <table> tag to hide the frame).
IMatch uses these tables often when it needs to display information in two colums. The first column contains the name of the information, the second the value. If you substitute the Text values above with variables like {Image.Name} or {Image.Size} you see how the presets that ship with IMatch are constructed.

With this code

<body bgcolor="#ffffff" marginleft="0" margintop="0" marginright="0" marginbottom="0">
<table border="1" bgcolor="#eeeeee"> <tr> <td><font color="#000000">File Name</font></td>
<td><font face="Comic Sans MS" size="14pt" color="#0000ff">{Image.Name}</font></td> </tr> <tr> <td><font color="#000000">File Size</font></td>
<td><font color="#000000">{Image.Size} Bytes</font></td> </tr> </table>
</body>

we not only add a border to the table. We also use a different font for the file name, and a background color for the table. The <body> tag allows us to control the background color for the propery window.

By adding more rows with other variables you can include all the information you want in your property display panels.

Tip: The HTML editor in IMatch is simple, but functional. To insert a body tag as the one shown above, press the corresponding button in the toolbar. To insert a font tag, press the font button. Place the cursor to the insert location before you press the buttons.

For more information about HTML tags, please refer to a HTML reference of your choice.