Dev GuideUser Guide
HomeDev Guide
Dev GuideUser GuideGitHubNuGetDev CommunityDoc feedbackLog In
GitHubNuGetDev CommunityDoc feedback

Create a component for the UI

Describes how to create a component in the Optimizely Content Management System (CMS) user interface.

Suggest Edits

The Optimizely Content Management System (CMS) extension of the IFrameComponent has the following additional parameters:

  • UrlFromUtil – Optional. The URL to the source, relative the Utils folder. Used instead of Url property.
  • UrlFromUi – Optional. The URL to the source, relative the UI folder. Used instead of Url property.

Create MVC component

First you need to add a Controller which has to be annotated with an IframeComponent attribute.

[IFrameComponent(Url = "/helloworld", Title = "Hello World Component", Categories = "content")]
    public class HelloWorldController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
    }

Then add a Index.cshtml view to the Views/HelloWorld directory:

@{
        Layout = null;
    }
    
    <!DOCTYPE html>
    
    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>HelloWorld</title>
    </head>
    <body>
    <div>
        <div>Hello World</div>
    </div>
    </body>
    </html>

Updated 5 months ago

What’s Next