NetTalk Central

NetTalk Web Server => Web Server - Share Knowledge => Topic started by: terryd on February 04, 2015, 01:39:37 AM

Title: Display informational key on browse colour codes
Post by: terryd 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]

Title: Re: Display informational key on browse colour codes
Post by: Bruce on February 08, 2015, 10:11:41 PM

Thanks Terry - nice tip.