Disclaimer: This website requires JavaScript to function properly. Some features may not work as expected. Please enable JavaScript in your browser settings for the best experience.

HomeDev GuideAPI Reference
Dev GuideAPI ReferenceUser GuideLegal TermsGitHubNuGetDev CommunityOptimizely AcademySubmit a ticketLog In
Dev Guide

Create MVC component

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

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

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

First, you need to add a controller. The controller 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>