This article details how to properly add a JavaScript file resource to a current skinnable or custom Visual WebGui control.
If you do not already have a skinnable control and would like to create one, view this article here.
If you do not already have a custom control and would like to create one, view this article here.

1. Build the project that contains the skinnable or custom control you wish to add the script resource to.
2. Right click on the control's skin class item in the Solution Explorter pane and select "View Designer".

3. Open the resource type drop-down on the top and select "Scripts".

4. Open the "Add Resource" drop-down and select "Add New..."

5. At this point you have a new resource file with a default name.
    You are allowed to change the default name, to make it correspond with other resources or any other reason.

Select the script resource item of the file we just added on the Skin Designer.
You should be able to see that the PropertyGrid of ther properties pane reflects the properties of the selected resource item.

We now need to set the following properties accordingly:

• ComplierActions: Set what the Visual WebGui resource complier should do with this resource. All three: "RemoveComments", "RemoveWhitespaces" and "ApplyObscuring" should be selected".
• Presentation: The "Browser" option should be set as this resource is only relevant for a DHTML presentation layer.
• PresentationEngine: This setting determines to what browser/s this resource file should be available. The default is "Agnostic" which means - to all. You can alternatively select specific browser types, as shown in the image below.

• PresentationRole: Should be set to "BrowserCode". The other options are not relevant to script files.

• How to create a Visual WebGui Skinnable-Control
• How to implement Visual WebGui custom control
• JavaScript Coding Standards in Visual WebGui