Skip to main content
Home  › ... Razor

Razor Blade Tutorials

Tutorial HomeRazor.Blade
Requirements
Resources

RazorBlade add Open-Graph Headers

Info about the Base Class

This tutorial inherits from the Custom.Hybrid.Razor14 base class.

This allows us to use Kit.Scrub to access an IScrub without having to use GetService<IScrub>

This page sets various open-graph headers. Look at the resulting output-source to see the effect.
The result is invisible, check the html headers in the source of this page.
@{
  // note: 'og:' is auto-prefixed if not given in the key
  Kit.Page.AddOpenGraph("title", "Demo of OpenGraph headers");
  Kit.Page.AddOpenGraph("type", "website");
}

Source Code of this file

Below you'll see the source code of the file. Note that we're just showing the main part, and hiding some parts of the file which are not relevant for understanding the essentials. Click to expand the code

@inherits Custom.Hybrid.Razor14
@using ToSic.Razor.Blade;
<!-- unimportant stuff, hidden -->


<div @Sys.PageParts.InfoWrapper()>
  @Html.Partial("../shared/DefaultInfoSection.cshtml")
  <div @Sys.PageParts.InfoIntro()>
      <h2><em>RazorBlade</em> add Open-Graph Headers</h2>
      @Html.Partial("MessageDnnOnlyUseIPageService.cshtml")

      @Html.Partial("../shared/KitBaseClassInfoBox.cshtml", new { ServiceName = "Scrub", Service = "IScrub" })

      <div>
        This page sets various open-graph headers. 

        Look at the resulting output-source to see the effect. 
      </div>
    </div>
  </div>


@if (CmsContext.Platform.Name == "Oqtane") {
  @Html.Partial("../shared/MessageOqtaneDisabled.cshtml")
} else {
  <text>

      @{
        // note: 'og:' is auto-prefixed if not given in the key
        Kit.Page.AddOpenGraph("title", "Demo of OpenGraph headers");
        Kit.Page.AddOpenGraph("type", "website");
      }

  </text>
}


@* Footer *@
@Html.Partial("../Shared/Layout/FooterWithSource.cshtml", new { Sys = Sys })