7 votes

CTA/OpenGraph/Url Property Editors

Three property editors

 

Open graph editor

adding open graph tags to pages, handy if you want to stay up with the play in social media sharing of content.

Usage

@foreach (var tag in Model.Content.AsList<OpenGraphTag>("openGraphTags")) {
  <meta property="@tag.Name" content="@tag.Content" />
}

Call to action editor

For adding multiple 'promo' or 'call to action' blocks to a page, consisting of a thumbnail, heading, description and url

Usage

@foreach (var cta in Model.Content.AsList<CallToAction>("ctas")) {
  <a href="@(cta.IsInternal ? Umbraco.Url(cta.InternalLink) : cta.ExternalUrl)"@(cta.NewWindow ? "target=\"_blank\"" : "") class="cta">
    @if (cta.Image != null) { <img src="@cta.Image.Src?width=300" alt="@cta.Image.Name" /> }
    <h5>@cta.Heading</h5>
    <p>@cta.Synopsis</p>
  </a>
}

Url Picker - for all your single url picking needs

Sometimes you just need one url.

Usage

@{
 var cta = Model.Content.As<UrlPicker>("cta");
}
<a href="@(cta.IsInternal ? Umbraco.Url(cta.InternalLink, UrlProviderMode.Relative) : cta.ExternalUrl)" class="btn">@cta.Title</a>

 

Screenshots

Package owner

Mark

Mark

Mark has 130 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions:

Package Information

  • Package owner: Mark
  • Created: 06/03/2014
  • Current version v1.0
  • License MIT
  • Downloads on Our: 1K

External resources