Category Archives: Effect

Effect library entry.

Remove Empty Races

This page was last updated 08-07-2026 by Jon

Updated to correctly remove the race caption and the table it now shows as version 1.03

This Effect can be used to remove races that have no results

Imagine a situation where you have multiple handicap fleets and the fleets are sailing a different number of races.  You ask Sailwave to publish individual races and all sailed races.  R3 will have been sailed but it might not of for one particular fleet.  If Sailwave publishes R3 it will publish for all fleets.  This effect will remove those races for fleets that have not sailed that race

It can be downloaded from Here

RenumberRaces V3

This page was updated 30-06-2026 by Jon

This effect renumbers the Race numbers so as to be consecutive when publishing.

A common issue when racing multiple fleets is that some fleets may not participate in every race, yet the results for a given race come from the race area with fleets intermixed.  Let’s say we have two fleets, A and B, that are being scored intermixed as the results come in for scoring.  Sailwave handles this and separates the fleets automatically.  But on day 1, Fleet B doesn’t participate in the 3rd race of the series, so Fleet A sails 3 races, while Fleet B sails only 2.

The problem comes on Day 2 as the next race will be R4 for the A fleet and R3 for the B fleet.

One solution is to separate the results into A and B fleets and enter them in the appropriate race, but this is very time-consuming and prone to error.
Or name R4 as Day2R1. This is easy to understand, but some Race officers and the jury may not like this; they want the Races to be numbered consecutively.
The solution is to use this effect, which numbers each fleet with consecutive numbers at publish time.

The effect also has 2 additional features. If you name the race within Sailwave as +Day2, it will add the text you specify to the Race Number.  In the above example, if we name R4 in Sailwave as +Day2, when the results are published, the R4 will appear in the published Results as R4 Day2 for the A fleet and R3 Day2 for the B fleet

If the name of the race starts with a – e.g., Marathon, then that name will be displayed without any autogenerated Race number Rx

This effect in its first Version was only for 1 design racing as it only renumbered the Races in the summary table.

Version 2 now renumbers the individual races, so it can be used for all types of racing

Version 3 now supports the Optional Race Date

If you use it with the scoredseparatelymatrixV3, make sure this is after the RenumberRaces effect

V3  can be downloaded from here.

ScoredSeparatelyMatrixV4 (Jon)

This page was last updated 30-06-2026 by Jon

V4 adds support for the optional Race date

This V3 is an update to V2, where the Race columns are aligned so that all the race columns contain the same race

This is an update to the original ScoredSeparatelyMatrix effect

It can be downloaded from Here

Adaptive/Responsive ‘Effect’ (Huw)

This page was updated 27-04-2026 by Jon

The Adaptive/Responsive ‘Effect’ that has been created by Huw for Sailwave adapts the published output to different device screen sizes, making it easier to view published results on small screen sizes like smartphones.

Caveats

  • The ‘Effect’ currently only works with summary tables. Not with individual race tables, this might change in the future.
  • The ‘Effect’ has not been tested in use with all the other ‘Effects’ available for use.
  • Do not use the TableSorter ‘Effect’ with this ‘Effect’ as it includes sorting.
  • The ‘Effect’ does not work with the ‘ ScoredSeparatelyMatrix ‘Effect’
  • The summary table header does not maintain the header background colour from the chosen ‘Style’. The ‘Style header background colour can be maintained by editing the ‘Style’ and adding two bits of code. Editing information can be provided on request.

I give a big thank you to John Doyle, a Sailwave user, for refining my hand-coded work and refining it so it could be made into this Adaptive/Responsive ‘Effect’ for other users. The ‘Effect’ has been made possible by the work of the DataTables (https://datatables.net/) developers and code by Dirk Drijkoningen (https://codepen.io/RedJokingInn/pen/bGoppqP ).

When the normal table view cannot show the full width of the results table due to screen size, a small arrow icon appears in the ranking column. On clicking the icon, the columns that could not be viewed appear.

There is also an alternative view to the normal table view, the card view. The card view presentation is presented by clicking the ‘Card view’ button.

Other options (Copy, CSV, Excel, PDF, Print) are available, which can be removed with careful editing of the code, if not required.

To use the sorting functionality of this ‘Effect’ click a column header. To add additional sort or sorts, hold down the shift key and click the required column header(s). When two or more columns have been selected, little numbered icons will appear in the selected sort column headers.

The current version can be downloaded from here.

Remove Unused Columns

This page was updated 18-06-2026 by Jon

This effect removes unused columns on a table-by-table basis

You can decide within Sailwave which columns are published, but if your classes use different columns, then some classes will have empty columns.  e.g., if you have a handicap fleet, it will have a rating column, but a one-design will not, so, as standard, assuming you have two fleets in the same results, the rating column for the one-design will contain only the heading.  This effect will remove that column, but only for the one design table.  Similary if one fleet is using Bow Numbers and another is using Sail Numbers, the unused columns will be removed with this effect

V1.1 Updated to not remove unused columns in the HeaderTable

V1.2 Updated to not remove columns containing images and no text

V1.2  can be downloaded from here.

SocialShare

This page was updated 07-02-2025 by Jon

This effect adds Facebook and Twitter sharing icons to the top of the page.

Use V1.1 for https sites
Logo for Twitter has been changed to X

V2 adds Bluesky support
This effect will be SocialShareV2

Example.

V1.0  can be downloaded from here.
V1.1 can be downloaded from here.
V2.0 can be downloaded from here.

 

Nationality along side the Flag instead of Underneath

Sailwave allows you to publish flags in place of, or additionally to the Nationality (Nat) this is configured in the Setup – Series Properties – Publishing

 

 

 

 

 

 

 

 

Without this new effect, you would see this:-

 

 

This standard presentation has the effect of increasing the height of each cell – This can be a nice effect but in some cases where you wish to get more results on a screen or sheet of paper then moving the Nationality to the side can  help

 

 

 

 

 

 

 

With the effect turned on you get this effect

 

 

 

 

 

 

 

 

 

 

 

It can be downloaded from here.
Save it in your custom effects folder as specified in the Setup – Global options- folders – My script folder,  the default for this is
C:\Users\Public\Documents\Sailwave\Javascript

Then when publishing, enable the NatAlongsideFlag effect

Please let me know if this is useful or if you have any other ideas

Image background Effect

This effect allows a background image (it doesn’t have to be a photo) to be applied to the results as an effect so you can turn it on or off as simply as selecting the effect.  You can also specify the image to use and save it with the series.

You can of course simply add an image using CSS, to any of the existing styles by editing the Style and saving it as a custom style (see the Sailwave User Group for the sample that Keith kindly supplied).  This effect however allows you to add a background image to any of the styles without having to edit the style.  And publish with or without it at will.

It has a default image (you can modify the default image simply by editing the effect) but it also allows you to specify the image to use at the time of publishing and this is stored with the series so that each series can have a different background image.

As a sample, you could have something like this

 

 

 

 

 

 

 

It can be combined with other effects such as HighlightWins3v3 if required

How to change the image at publishing time without editing any files.
This is done by adding the path to the image in the publish notes.
You can still add notes as normal but if you add a line starting with
<!BG   and ending with > e.g.
<!BGhttps://i.imgur.com/kwdzcgr.jpg>
This line will not appear in the published results but it is passed to the effect.  You must of course tick the box to publish notes even if the image path is the only thing in the notes.

 

 

 

 

 

 

 

 

 

It can be downloaded from here.
Save it in your custom effects folder as specified in the Setup – Global options- folders – My script folder,  the default for this is
C:\Users\Public\Documents\Sailwave\Javascript

Have fun….
Try the example <!BGhttps://i.imgur.com/kwdzcgr.jpg> and post a reply in the user group if you know where the picture is taken – I know some of you will.

Hover Effect for Summary and Race Tables (Jon)

This effect allows the row where the cursor is to be highlighted by changing its color as you move the cursor around and over the summary and race tables.

You can of course simply add the hover effect to the style by adding one or two lines of CSS and some of the styles do have this implemented already.  This is an effect which you can turn on or off at the point of publishing by selecting the Hover effect implementing it as Javascript .  The colour is a rather boring grey so that it works with all the different styles available but feel free to change your copy if you wish.

It can be combined with other effects such as HighlightWins3v3 if required

 

 

 

 

It can be downloaded from here.
Save it in your custom effects folder as specified in the Setup – Global options- folders – My script folder, the default for this is
C:\Users\Public\Documents\Sailwave\Javascript