go to previous step

go to next step

Step 6: Implementing Syntax Highlighting

All right, just one more step to go before we package this sucker up and ship it off! Implementing syntax highlighting is only slightly more work than adding Code Hints. Basically, we just list all the method and property names that we want to be highlighted for our component (including our component's name, of course!) Add the following markup to our ever-expanding XML document:

<!--
        *** Syntax Highlighting ***
-->        

<colorsyntax>
        <identifier text="VerySimpleButton"/>
        <identifier text=".getLabel"/>
        <identifier text=".setLabel"/>
        <identifier text="textFont"/>
        <identifier text="textSize"/>
        <identifier text="textLabel"/>
        <identifier text="changeHandler"/>
</colorsyntax>

</customactions>

Man! There we go, we finally have all the pieces of the puzzle: We have a component with Live Preview, Custom UI, Reference Panel documentation, Code Hints and Syntax Highlighting. Now it's time to package it all up!

go to previous step

go to next step