CREATING COLOR CODED LEGENDS AND COLOR CODED FIELD LABELS IN SECTION EDITORS - Aug 2nd, 2010

To make it easier for those doing the data entry on some section editors, my client asked if, in addition to heading separators, I could create a color coded legend at the top of the Section Editor and color code the “Field Labels” in certain places. Here’s what I did. First I added an HTML separator field to my section editor (Add field - Field type “separator” - click on HTML) Next I added the following HTML code in between the <tr> and the </td> tags, replacing the <td colspan='2'> (I wanted the legend cell background to be a light grey). <tr> <!-- Insert This Code --> <td bgcolor="lightgrey" colspan='2'> <font size="5"><b>LEGEND</b></font> <font size="3"> All fields in this editor are color coded according to where they will appear on the events web pages <hr> <font color="red">Special Information Only</font> <font color="darkorchid">Public List Page Only</font> <font color="green">Members standard form only</font> <font color="yellow">Appears on all Pages</font> </font> <!-- End of Insert--> </td> </tr> Then, after I had created and saved all of my fields for the editor, I modified the field labels to the font size I wanted and to the colors that I set up in the legend with the following code: <font size="3" color="Red"><b>Your Field Label</b></font> If you save the field before you go back and modify the “Field Label”, your changes will not affect the “Field Name”. You can change the values to suite your needs. My client found this approach very helpful and I hope that you will also.

Terms of Service