Alchemy Training Video 5: Adding CSS and JavaScript to our Tridion Popup Window

In this Alchemy Training video, I’ll demonstrate how to use the Resource Group Class to easily add CSS and Javascript to your SDL Tridion / SDL Web GUI Extension.

Alchemy Training Video 5: Adding CSS and Javascript to our Tridion Popup Window from Content Bloom.

Here’s the Javascript file that’s used in the video:


Alchemy.Plugins.SchemaDocumentation.Views.SchemaDocumentationPopup = function SchemaDocumentationPopup() {
    Tridion.OO.enableInterface(this, "Alchemy.Plugins.SchemaDocumentation.Views.SchemaDocumentationPopup");

Alchemy.Plugins.SchemaDocumentation.Views.SchemaDocumentationPopup.prototype.initialize = function SchemaDocumentation$initialize() {
    alert("hello from the pop up")


….And the Resource Group file:

using Alchemy4Tridion.Plugins.GUI.Configuration;
using Alchemy4Tridion.Plugins.GUI.Configuration.Elements;

namespace SchemaDocumentation.GUI
    public class SchemaDocumentationPopupGroup : Alchemy4Tridion.Plugins.GUI.Configuration.ResourceGroup
        public SchemaDocumentationPopupGroup()

One thought on “Alchemy Training Video 5: Adding CSS and JavaScript to our Tridion Popup Window

  1. Thanks for this article John!
    One query – why you have added – Dependencies.Add(“Tridion.Web.UI.Editors.CME”)
    inside ResourceGroup created for POPUP?
    Is that for any purpose?

    Thanks & Regards,
    Navneet Goswami.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>