NetTalk Central

Author Topic: Display informational key on browse colour codes  (Read 4519 times)

terryd

  • Hero Member
  • *****
  • Posts: 759
    • View Profile
    • Davcomm
    • Email
Display informational key on browse colour codes
« on: February 04, 2015, 01:39:37 AM »
I often want to explain to clients viewing my websites what the various colour codes represent.
I created the small attached example of displaying an informational key on a browse. Feel free to use it if you wish.
The attached keyDisplay.png shows the result.
In my systems I normally have a folder called client under the web folder where I place all the information relating to the customer allowing me to customise quickly for each of them.
To test this create a folder called client under the web folder
copy shim.gif and displaycodes.txt into this folder.
In the attached example (web3 modified) I have done the following
I am making a key to visually define 3 mailbox sizes 0, <=100 > 100
On the XHtml tab of the browse insert a routine called (say) DisplayCodes and set the location to After Heading
save this line
<!-- Net:f:Client/DisplayCodes.txt -->
into the XHTML section
Click OK
In the mailboxesBrowseControl highlight the MAI:SizeLimit field and click properties
In the conditional tab create 3 Display Options
MAI:SizeLimit = 0  CSS Class: ' red-bg'
MAi:SizeLimit <= 100 CSS Class: ' yellow-bg'
MAi:SizeLimit > 100 CSS Class: ' green-bg'
If you want a nice effect use ' green-bg nt-grad' instead
Compile and run.
I wasn't sure if I had to check the Allow xHTML in heading box but I didn't and it works OK.
I am also attaching the web3 app, dct and tables
To change the descriptions, width etc of the key display  fiddle with the displaycodes.txt file
To add a new key description in the displaycodes.txt just copy and paste a section like this, change the colour and the description
         <td width="20"></td>
         <td>
            <table cellpadding="0" cellspacing="0" border="0" style="border: 1px solid black;border-collapse: collapse;">
               <tr>
                  <td width="10" height="10" bgcolor="green"><img src="client/shim.gif" height="10" width="5"></td>
               </tr>
            </table>
         </td>
         <td><font class="basefont"><b>>100</td>











[attachment deleted by admin]
« Last Edit: February 04, 2015, 01:55:32 AM by terryd »
Terry Davidson
Windows 10 64 bit/Windows7 64bit
Clarion 9.1.11529/Clarion10 12567
Nettalk 913
Nettalk 1015
StringTheory267/Winevent515/XFiles298/MessageBox239/Cryptonite186

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11250
    • View Profile
Re: Display informational key on browse colour codes
« Reply #1 on: February 08, 2015, 10:11:41 PM »
Thanks Terry - nice tip.