A vezérlőfájl olyan kisméretű HTML oldal, amely dinamikusan elindítja az oldal többi részének megjelenítési folyamatát. Ez az első olyan hely, ahol a webhely minden oldalának viselkedését befolyásoló testreszabások alkalmazhatók.
A vezérlőfájl elsődleges feladata végrehajtási környezet biztosítása és üzemeltetése a vezérlő JavaScript számára. A vezérlő JavaScript ezt követően betölti és megjeleníti az oldalt. A vezérlőfájl testreszabásai lehetővé teszik a vezérlő JavaScript működésének felülbírálását és befolyásolását.
Az Oracle Content Management webhelyének első létrehozásakor a controller.html alapértelmezett vezérlőfájlt társítja a rendszer a webhelyhez.
<!DOCTYPE html>
<html>
<head>
<!-- The following meta tag is used for Internet Explorer browsers. It indicates that the browser should use the latest rendering mode to display
the web page. -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- The following meta tag is used for browsers on mobile devices to set the initial viewport scale to the full page. -->
<meta name="viewport" content="initial-scale=1">
<!-- The following script initially defines the SCS object. The SCS object must be present, and this variable name is reserved for use by Oracle Content Management.. -->
<script type="text/javascript">
var SCS = { sitePrefix: '/SampleSite/' };
</script>
<!-- The following script loads the full controller JavaScript, which is used to display the web page. -->
<script src="/SampleSite/_sitesclouddelivery/renderer/controller.js"></script>
</head>
<!-- The body tag of the controller must have the id scsControllerBody. This identifier is used by the Controller JavaScript. If JavaScript is not enabled on the browser, the noscript tag content is displayed.-->
<body id="scsControllerBody"><noscript>This site requires JavaScript to be enabled.</noscript>
<!-- The following image tag displays an animated circle by default if it takes too long for a page to display. The wait image must have the id scsWaitImage. -->
<img id="scsWaitImage" style="display: none; margin-top: 5%; margin-left: auto; margin-right: auto;" src="data:image/png;base64,..." />
</body></html>