swcs/OurUmbraco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
2fc68dd74caaaaccfc613e2c83e7dcdc3fe1b00a
OurUmbraco/OurUmbraco.Client/build/package-detail.html
T

740 lines
40 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="robots" content="noindex">
<link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="assets/css/style.min.css" />
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
<![endif]-->
</head>
<body>
<!-- QUICK MENU START -->
<div class="quick-menu">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="close">
<i class="icon-Delete"></i>Close
</div>
<div class="settings">
<a href="profile.html"><i class="icon-Settings"></i>Edit profile</a>
</div>
<div class="user-image">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/anoff/128.jpg" alt="">
</div>
<div class="user-profile">
<h2>Darth Vader</h2>
<div class="karma">
2410
</div>
<div class="user-twitter">
<a href="#">@darthvader</a>
</div>
<span class="roles">
<span class="core">core</span>
<span class="mvp">mvp</span>
<span class="admin">admin</span>
<span class="hq">hq</span>
<span class="c-trib">c-trib</span>
</span>
</div>
<small>
Activity in threads you participated in
</small>
<div class="user-latest-posts">
<a href="forum-thread.html" class="forum-thread">
<div class="row">
<div class="col-xs-10 col-md-8">
<div class="forum-thread-text">
<h3>Allow user to change site design</h3>
<p>Reply by Dennis Aaen 7 minutes ago</p>
</div>
</div>
<div class="col-xs-2 col-md-4">
<div class="category frontend"><span class="cat">Frontend</span></div>
</div>
</div>
</a>
<a href="forum-thread.html" class="forum-thread">
<div class="row">
<div class="col-xs-10 col-md-8">
<div class="forum-thread-text">
<h3>Allow user to change site design</h3>
<p>Reply by Dennis Aaen 7 minutes ago</p>
</div>
</div>
<div class="col-xs-2 col-md-4">
<div class="category frontend"><span class="cat">Frontend</span></div>
</div>
</div>
</a>
<a href="forum-thread.html" class="forum-thread">
<div class="row">
<div class="col-xs-10 col-md-8">
<div class="forum-thread-text">
<h3>Allow user to change site design</h3>
<p>Reply by Dennis Aaen 7 minutes ago</p>
</div>
</div>
<div class="col-xs-2 col-md-4">
<div class="category frontend"><span class="cat">Frontend</span></div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- QUICK MENU END -->
<div class="wrapper">
<!-- HEADER START -->
<header>
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-md-3">
<a class="logo" href="index.html">
Our Umbraco
</a>
</div>
<div id="toggle" class="menu-toggle">
<a href="#" class="toggle cross"><span></span></a>
</div>
<nav class="col-md-9">
<ul>
<li><a href="forum.html">Forum</a></li>
<li><a href="#">Packages</a></li>
<li><a href="documentation.html">Docs</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Contribute</a></li>
<!-- <li><a href="#">Sign in</a></li> -->
<li>
<div class="user">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/anoff/128.jpg" alt="">
<span class="notificationCount">
4
</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- HEADER END -->
<!-- FORUM OVERVIEW START -->
<section class="plain">
<div>
<!-- FORUM HEADER START -->
<div class="forum-archive-header">
<ul id="breadcrumb">
<li><a href="/#" rel="nofollow">Our Umbraco</a></li>
<li><a href="#" rel="nofollow">Search</a></li>
<li><a href="#" rel="nofollow">How to template a solution</a></li>
</ul>
<div class="clear"></div>
</div>
<section class="package-detail">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="package-detail-content">
<div class="vote"><i class="icon-Hearts"></i><span>431 votes</span></div>
<div class="package-detail-description">
<p style="box-sizing: border-box; margin-bottom: 16px; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px; margin-top: 0px !important;"><a style="box-sizing: border-box; color: #4183c4; text-decoration: none; background: transparent;" href="https://raw.githubusercontent.com/ryanlewis/seo-metadata/master/images/epiphany-logo.png" target="_blank"><img style="box-sizing: border-box; border: 0px; max-width: 100%;" src="https://raw.githubusercontent.com/ryanlewis/seo-metadata/master/images/epiphany-logo.png" alt="SEO metadata" /></a></p>
<h1>SEO Metadata for Umbraco</h1>
<p>SEO Metadata for Umbraco is a property editor that is used for maintaining common SEO-related information for a page. It gives users a visual representation of how the page would look on a Google search result page and hints to when the title and description is too long, with optional validation.</p>
<h2>Recent Changes</h2>
<p> </p>
<p> </p>
<p><strong style="font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">0.2.1</strong></p>
<p> </p>
<p> </p>
<p> </p>
<ul>
<li><span><span style="font-size: 16px; line-height: 25.6000003814697px;">Fixed some issues with Umbraco package</span></span></li>
<li><span><span style="font-size: 16px; line-height: 25.6000003814697px;">Resolved issue with PropertyEditorValueConverter returning null if page is saved when control is unused</span></span></li>
</ul>
<p><strong style="font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">0.2.0</strong></p>
<ul>
<li><span><span style="font-size: 16px; line-height: 25.6000003814697px;">Fixed issue with custom URL Names not working if </span><span style="font-size: 16px; line-height: 25.6000003814697px;">SeoMetadata.NoSegmentProvider appSetting wasn't present</span></span></li>
<li><span><span style="font-size: 16px; line-height: 25.6000003814697px;">Added new option to set the developer name</span></span></li>
</ul>
<div><span><span style="font-size: 16px; line-height: 25.6000003814697px;"><strong>0.1.0</strong></span></span></div>
<div>
<ul>
<li><span><span style="font-size: 16px; line-height: 25.6000003814697px;">Initial release</span></span></li>
</ul>
</div>
<p> </p>
<h2><a id="user-content-installation" style="box-sizing: border-box; color: #4183c4; text-decoration: none; position: absolute; top: 0px; left: 0px; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px; line-height: 1; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#installation" class="anchor"></a>Installation</h2>
<p>Install the latest version through NuGet.</p>
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 16px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; background-color: #f7f7f7;">Install-Package Epiphany.SeoMetadata
</pre>
<p>After installing via Nuget, create a property editor of type <strong style="box-sizing: border-box;">SEO Metadata</strong> and include on your page. We recommend the property name <strong style="box-sizing: border-box;">"metadata"</strong> to work with all features out-of-the-box (see the <a style="box-sizing: border-box; color: #4183c4; text-decoration: none; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#using-the-url-name">URL Name</a> section for configuration options)</p>
<p>Alternatively, if you want to hack around with the project, you can fork, checkout and develop locally. See the <a style="box-sizing: border-box; color: #4183c4; text-decoration: none; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#developing-seo-metadata">Developing SEO Metadata</a> section.</p>
<h2><a id="user-content-configuration" style="box-sizing: border-box; color: #4183c4; text-decoration: none; position: absolute; top: 0px; left: 0px; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px; line-height: 1; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#configuration" class="anchor"></a>Configuration</h2>
<dl style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 0px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;"><dt style="box-sizing: border-box; padding: 0px; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold;">Allow long titles</dt><dd style="box-sizing: border-box; margin-left: 0px; padding: 0px 16px; margin-bottom: 16px;">If ticked, long titles will not invalidate the property editor.</dd><dt style="box-sizing: border-box; padding: 0px; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold;">Allow long descriptions</dt><dd style="box-sizing: border-box; margin-left: 0px; padding: 0px 16px; margin-bottom: 16px;">If ticked, long descriptions will not invalidate the property editor.</dd><dt style="box-sizing: border-box; padding: 0px; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold;">SERP Title Length</dt><dd style="box-sizing: border-box; margin-left: 0px; padding: 0px 16px; margin-bottom: 16px;">The maximum length of a title. This isn't an exact number, so your mileage may vary. The default value of 65 is a conservative value that should work for most cases. Google will truncate overly long titles with ellipses (…)</dd><dt style="box-sizing: border-box; padding: 0px; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold;">SERP Description Length</dt><dd style="box-sizing: border-box; margin-left: 0px; padding: 0px 16px; margin-bottom: 16px;">The maximum length of a title. This isn't an exact number, so your mileage may vary. The default value of 150 is a conservative value that should work for most cases. Google will truncate overly long descriptions with ellipses (…)</dd><dt style="box-sizing: border-box; padding: 0px; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold;"></dt></dl>
<h2><a id="user-content-usage" style="box-sizing: border-box; color: #4183c4; text-decoration: none; position: absolute; top: 0px; left: 0px; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px; line-height: 1; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#usage" class="anchor"></a>Usage</h2>
<p>The SEO Metadata is stored as JSON, so can be used dynamically.</p>
<div class="highlight highlight-c#" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">&lt;pre&gt;
Title: @CurrentPage.Metadata.Title
Description: @CurrentPage.Metadata.Description
Do Not Index?: @CurrentPage.Metadata.NoIndex
URL Name: @CurrentPage.Metadata.UrlName
&lt;/pre&gt;</pre>
</div>
<p>A <a style="box-sizing: border-box; color: #4183c4; text-decoration: none; background: transparent;" href="/documentation/extending-umbraco/Property-Editors/PropertyEditorValueConverters">Property Editor Value Converter</a> is installed for getting a strongly-typed <strong style="box-sizing: border-box;">SeoMetadata</strong> instance.</p>
<div class="highlight highlight-c#" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">@{
<span class="pl-k" style="box-sizing: border-box; color: #a71d5d;">var</span> metadata = Model.Content.GetPropertyValue&lt;Epiphany.SeoMetadata.SeoMetadata&gt;(<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>metadata<span class="pl-pds" style="box-sizing: border-box;">"</span></span>);
}
&lt;pre&gt;
Title: @metadata.Title
Description: @metadata.Description
Do Not Index?: @metadata.NoIndex
URL Name: @metadata.UrlName
&lt;/pre&gt;</pre>
</div>
<p>The following snippet can be used for using the <strong style="box-sizing: border-box;">Do Not Index</strong> checkbox.</p>
<div class="highlight highlight-c#" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">@<span class="pl-k" style="box-sizing: border-box; color: #a71d5d;">if</span> (Model.Content.GetPropertyValue&lt;Epiphany.SeoMetadata.SeoMetadata&gt;(<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>metadata<span class="pl-pds" style="box-sizing: border-box;">"</span></span>).NoIndex)
{
&lt;meta name=<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>robots<span class="pl-pds" style="box-sizing: border-box;">"</span></span> content=<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>noindex<span class="pl-pds" style="box-sizing: border-box;">"</span></span>&gt;
}</pre>
</div>
<p>If you're a fan of <a style="box-sizing: border-box; color: #4183c4; text-decoration: none; background: transparent;" href="https://github.com/zpqrtbnk/Zbu.ModelsBuilder">ZpqrtBnk Umbraco Models Builder</a>, you can add something like the following in your partial class</p>
<div class="highlight highlight-c#" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">[ImplementPropertyType(<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>metadata<span class="pl-pds" style="box-sizing: border-box;">"</span></span>)]
<span class="pl-k" style="box-sizing: border-box; color: #a71d5d;">public</span> <span class="pl-k" style="box-sizing: border-box; color: #a71d5d;">virtual</span> SeoMetadata Metadata
{
<span class="pl-k" style="box-sizing: border-box; color: #a71d5d;">get</span> { <span class="pl-k" style="box-sizing: border-box; color: #a71d5d;">return</span> <span class="pl-c1" style="box-sizing: border-box; color: #0086b3;">this</span>.GetPropertyValue&lt;SeoMetadata&gt;(<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>metadata<span class="pl-pds" style="box-sizing: border-box;">"</span></span>); }
}</pre>
</div>
<h3 style="box-sizing: border-box; margin-top: 1em; margin-bottom: 16px; line-height: 1.43; font-size: 1.5em; position: relative; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;"><a id="user-content-using-the-url-name" style="box-sizing: border-box; color: #4183c4; text-decoration: none; position: absolute; top: 0px; left: 0px; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px; line-height: 1.2; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#using-the-url-name" class="anchor"></a>Using the URL Name</h3>
<p>SEO Metadata also installs a <a style="box-sizing: border-box; color: #4183c4; text-decoration: none; background: transparent;" href="/documentation/Reference/Request-Pipeline/outbound-pipeline#segments">UrlSegmentProvider</a> to ensure the URL Name property works as intended. By default, it expects your SEO Metadata property to be called metadata. You can configure this property by adding the following setting to your appSettings in your web.config</p>
<div class="highlight highlight-xml" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">&lt;<span class="pl-ent" style="box-sizing: border-box; color: #63a35c;">add</span> <span class="pl-e" style="box-sizing: border-box; color: #795da3;">key</span>=<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>SeoMetadata.PropertyName<span class="pl-pds" style="box-sizing: border-box;">"</span></span> <span class="pl-e" style="box-sizing: border-box; color: #795da3;">value</span>=<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>seoMetadata<span class="pl-pds" style="box-sizing: border-box;">"</span></span> /&gt;</pre>
</div>
<p>If you want to disable the SeoMetadataUrlSegmentProvider altogether (to add manually, or implement yourself), you can set the following appSetting to disable it.</p>
<div class="highlight highlight-xml" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">&lt;<span class="pl-ent" style="box-sizing: border-box; color: #63a35c;">add</span> <span class="pl-e" style="box-sizing: border-box; color: #795da3;">key</span>=<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>SeoMetadata.NoSegmentProvider<span class="pl-pds" style="box-sizing: border-box;">"</span></span> <span class="pl-e" style="box-sizing: border-box; color: #795da3;">value</span>=<span class="pl-s" style="box-sizing: border-box; color: #183691;"><span class="pl-pds" style="box-sizing: border-box;">"</span>true<span class="pl-pds" style="box-sizing: border-box;">"</span></span> /&gt;</pre>
</div>
<h2><a id="user-content-developing-seo-metadata" style="box-sizing: border-box; color: #4183c4; text-decoration: none; position: absolute; top: 0px; left: 0px; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px; line-height: 1; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#developing-seo-metadata" class="anchor"></a>Developing SEO Metadata</h2>
<h3 style="box-sizing: border-box; margin-top: 1em; margin-bottom: 16px; line-height: 1.43; font-size: 1.5em; position: relative; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;"><a id="user-content-checkout-the-project" style="box-sizing: border-box; color: #4183c4; text-decoration: none; position: absolute; top: 0px; left: 0px; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px; line-height: 1.2; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#checkout-the-project" class="anchor"></a>Checkout the project</h3>
<div class="highlight highlight-bash" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">git clone https://github.com/ryanlewis/seo-metadata.git
<span class="pl-c1" style="box-sizing: border-box; color: #0086b3;">cd</span> seo-metadata</pre>
</div>
<h3 style="box-sizing: border-box; margin-top: 1em; margin-bottom: 16px; line-height: 1.43; font-size: 1.5em; position: relative; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;"><a id="user-content-install-dependencies" style="box-sizing: border-box; color: #4183c4; text-decoration: none; position: absolute; top: 0px; left: 0px; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px; line-height: 1.2; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#install-dependencies" class="anchor"></a>Install Dependencies</h3>
<div class="highlight highlight-bash" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">npm install -g grunt-cli
npm install</pre>
</div>
<h3 style="box-sizing: border-box; margin-top: 1em; margin-bottom: 16px; line-height: 1.43; font-size: 1.5em; position: relative; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;"><a id="user-content-build" style="box-sizing: border-box; color: #4183c4; text-decoration: none; position: absolute; top: 0px; left: 0px; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px; line-height: 1.2; background: transparent;" href="https://github.com/ryanlewis/seo-metadata/blob/master/README.md#build" class="anchor"></a>Build</h3>
<div class="highlight highlight-bash" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">build.cmd
grunt</pre>
</div>
<p>If you wish to build it to a local Umbraco directory, use the target option.</p>
<div class="highlight highlight-bash" style="box-sizing: border-box; margin-bottom: 16px; color: #333333; font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">
<pre style="box-sizing: border-box; overflow: auto; font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 13.6000003814697px; margin-bottom: 0px; font-stretch: normal; line-height: 1.45; padding: 16px; border-radius: 3px; word-wrap: normal; word-break: normal; background-color: #f7f7f7;">grunt --target=c:<span class="pl-cce" style="box-sizing: border-box;">\d</span>ev<span class="pl-cce" style="box-sizing: border-box;">\p</span>ath-to-umbraco-root-dir</pre>
</div>
<h1>Umbraco Forms</h1>
<p>Creating forms is as easy as editing content in Umbraco and it's a seamlessly integrated experience. You can select from a range of well known input types, select validation rules, and even conditions - for instance "only show this field if the visitor answered 'Yes'". All through an intuitive and robust user interface.</p>
<pre><code>[
{
"label": "Class",
"description": "Set a css class",
"key": "class",
"view": "textstring",
"modifier": "col-sm-{0}",
"applyTo": "row|cell"
}
]
</code></pre>
<h3>Intuitive</h3>
<p>Creating forms is as easy as editing content in Umbraco and it's a seamlessly integrated experience. You can select from a range of well known input types, select validation rules, and even conditions - for instance "only show this field if the visitor answered 'Yes'". All through an intuitive and robust user interface.</p>
<ul>
<li>Access Database</li>
<li>BlogML</li>
<li>CSV</li>
<li>Excel File</li>
<li>RSS Feed</li>
<li>SQL Server</li>
<li>Umbraco </li>
<li>WordPress</li>
<li>XML</li>
</ul>
<h3>Workflows</h3>
<p>While it's nice to gather data, it's even better when it's put to use. That's why Umbraco Forms lets you setup advanced workflows that can send e-mails, update webservices, save in CRM systems, and much more.</p>
<p>Or you can <strong>purchase&nbsp;the commercial PRO version</strong> which can import more than 500 records, <strong>maintain parent/child structure</strong>,&nbsp;<strong>update content</strong>, can <strong>import&nbsp;content related media</strong>&nbsp;,can <strong>save your import steps</strong> for later use &nbsp;and even <strong>schedule imports</strong> for a certain time and day. </p>
<h3>Reporting</h3>
<p>Once your visitors have filled out forms, you can easily browse and search through the data using the built-in reporting tool or download the data for more advanced processing in Microsoft Excel or Google Spreadsheets.</p>
</div>
<div class="package-detail-screenshots">
<h3>Screenshots</h3>
<a class="fancybox" rel="gallery1" href="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" title="">
<img src="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" title="">
<img src="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" title="">
<img src="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" title="">
<img src="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" title="">
<img src="https://our.umbraco.org/media/wiki/144341/635600404913591689_ForumsPNG.PNG" alt="" />
</a>
</div>
<div class="package-misc">
<ul class="tabs">
<li class="tab-link current" data-tab="tab-1">Package Files</li>
<li class="tab-link" data-tab="tab-2">Upgrade Files</li>
<li class="tab-link" data-tab="tab-3">Docs</li>
<li class="tab-link" data-tab="tab-4">Archived Files</li>
</ul>
<div id="tab-1" class="tab-content current">
<h3>Overskrift</h3>
<ul class="search-all-results">
<li>
<a href="#">
<div class="type-icon">
<i class="icon-Box"></i>
</div>
<div class="type-context">
<div class="type-name">
Courier_2.7.5.1.90.v6.zip
</div>
<div class="type-description">
uploaded 3/25/2013 by Per Ploug <br>
<span>v710, v700 &nbsp; .NET Version: 4.0 &nbsp; Full Trust Required</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="type-icon">
<i class="icon-Box"></i>
</div>
<div class="type-context">
<div class="type-name">
Courier_2.7.5.1.90.v6.zip
</div>
<div class="type-description">
uploaded 3/25/2013 by Per Ploug <br>
<span>v710, v700 &nbsp; .NET Version: 4.0 &nbsp; Full Trust Required</span>
</div>
</div>
</a>
</li>
</ul>
</div>
<div id="tab-2" class="tab-content">
<h3>Overskrift</h3>
<ul class="search-all-results">
<li>
<a href="#">
<div class="type-icon">
<i class="icon-Box"></i>
</div>
<div class="type-context">
<div class="type-name">
forms bla bla
</div>
<div class="type-description">
uploaded 3/25/2013 by Per Ploug <br>
<span>v710, v700 &nbsp; .NET Version: 4.0 &nbsp; Full Trust Required</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="type-icon">
<i class="icon-Box"></i>
</div>
<div class="type-context">
<div class="type-name">
Courier_2.7.5.1.90.v6.zip
</div>
<div class="type-description">
uploaded 3/25/2013 by Per Ploug <br>
<span>v710, v700 &nbsp; .NET Version: 4.0 &nbsp; Full Trust Required</span>
</div>
</div>
</a>
</li>
</ul>
</div>
<div id="tab-3" class="tab-content">
<h3>Overskrift</h3>
<ul class="search-all-results">
<li>
<a href="#">
<div class="type-icon">
<i class="icon-Box"></i>
</div>
<div class="type-context">
<div class="type-name">
Courier_2.7.5.1.90.v6.zip
</div>
<div class="type-description">
uploaded 3/25/2013 by Per Ploug <br>
<span>v710, v700 &nbsp; .NET Version: 4.0 &nbsp; Full Trust Required</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="type-icon">
<i class="icon-Box"></i>
</div>
<div class="type-context">
<div class="type-name">
Courier_2.7.5.1.90.v6.zip
</div>
<div class="type-description">
uploaded 3/25/2013 by Per Ploug <br>
<span>v710, v700 &nbsp; .NET Version: 4.0 &nbsp; Full Trust Required</span>
</div>
</div>
</a>
</li>
</ul>
</div>
<div id="tab-4" class="tab-content">
<h3>Overskrift</h3>
<ul class="search-all-results">
<li>
<a href="#">
<div class="type-icon">
<i class="icon-Box"></i>
</div>
<div class="type-context">
<div class="type-name">
forms bla bla
</div>
<div class="type-description">
uploaded 3/25/2013 by Per Ploug <br>
<span>v710, v700 &nbsp; .NET Version: 4.0 &nbsp; Full Trust Required</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="type-icon">
<i class="icon-Box"></i>
</div>
<div class="type-context">
<div class="type-name">
Courier_2.7.5.1.90.v6.zip
</div>
<div class="type-description">
uploaded 3/25/2013 by Per Ploug <br>
<span>v710, v700 &nbsp; .NET Version: 4.0 &nbsp; Full Trust Required</span>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="package-forum-activity hidden-xs">
<h3>Activity</h3>
<a href="forum-thread.html" class="forum-thread">
<div class="row">
<div class="col-xs-2 col-md-2">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/kfriedson/128.jpg" alt="">
</div>
<div class="col-xs-8 col-md-8">
<div class="forum-thread-text">
<h3>Allow user to change site design</h3>
<p>Reply by Dennis Aaen 7 minutes ago</p>
</div>
</div>
</div>
</a>
<a href="forum-thread.html" class="forum-thread">
<div class="row">
<div class="col-xs-2 col-md-2">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/kfriedson/128.jpg" alt="">
</div>
<div class="col-xs-8 col-md-8">
<div class="forum-thread-text">
<h3>Allow user to change site design</h3>
<p>Reply by Dennis Aaen 7 minutes ago</p>
</div>
</div>
</div>
</a>
<a href="forum-thread.html" class="forum-thread">
<div class="row">
<div class="col-xs-2 col-md-2">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/kfriedson/128.jpg" alt="">
</div>
<div class="col-xs-8 col-md-8">
<div class="forum-thread-text">
<h3>Allow user to change site design</h3>
<p>Reply by Dennis Aaen 7 minutes ago</p>
</div>
</div>
</div>
</a>
<a class="goto" href="#">Go to forum &rarr;</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-md-offset-1">
<div class="package-detail-sidebar">
<a href="" class="button green hidden-xs">
Download package <i class="icon-Download-alt"></i>
</a>
<div class="package-creator">
<h3>Project owner</h3>
<div class="row">
<div class="col-xs-12">
<div class="package-creator-information">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/anoff/128.jpg" alt="">
<div class="text">
<h3>
<a href="#">
Emmaline Von Dominica
</a>
</h3>
<small>Emmaline has godt 1 billion karma points</small>
</div>
</div>
</div>
</div>
</div>
<div class="package-compatibility">
<h3>Project Compatibility</h3>
<small>This project is compatible with the following versions as reported by community members who have downloaded this package:</small>
<div class="package-compatibility-versions">
<div class="versions">
<span class="smiley untested"> 7.2.x (untested)</span>
<span class="smiley happy"> 7.1.x (91%)</span>
<span class="smiley joyous"> 7.0.x (100%)</span>
<span class="smiley untested"> 6.2.x (untested)</span>
<span class="smiley superUnhappy"> 6.1.x (0%)</span>
<span class="smiley superUnhappy"> 6.0.x (0%)</span>
<span class="smiley superUnhappy"> 4.11.x (0%)</span>
<span class="smiley superUnhappy"> 4.10.0 (0%)</span>
<span class="smiley superUnhappy"> 4.9.1 (0%)</span>
<span class="smiley superUnhappy"> 4.9.0 (0%)</span>
</div>
<strong>.NET Version:</strong>4.0 <br>
<strong>Supports Medium Trust:</strong>No
</div>
</div>
<div class="package-compatibility-information">
<h3>Project Information</h3>
<ul>
<li>
<span>Project owner:</span> Per Ploug
</li>
<li>
<span>Contributors:</span> Tim Geyssens
</li>
<li>
<span>Created:</span> Sunday, March 21, 2010
</li>
<li>
<span>Is Stable:</span> Current version
</li>
<li>
<span>Current version</span> Current version
</li>
<li>
<span>License</span> MIT
</li>
<li>
<span>Tags</span> Contour
</li>
<li>
<span>Downloads:</span>4482
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</section>
<!-- FORUM OVERVIEW END -->
<!-- FOOTER START -->
<footer>
<div class="container">
<div class="row">
<div class="col-xs-12">
Our.umbraco.org is the community mothership for Umbraco, the open source asp.net cms. With a friendly forum for all your questions, a comprehensive documentation and the a ton of packages from the community.
</div>
</div>
</div>
</footer>
<!-- FOOTER END -->
</div> <!-- Wrapper end -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//maps.googleapis.com/maps/api/js?sensor=false&extension=.js"></script>
<script src="assets/js/app.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css">
<script type="text/javascript">
classOnScroll('header', 'sticky', 10);
// like packages, remove afterwards
$( ".vote" ).click(function(e) {
e.stopPropagation();
$(".vote i").toggleClass( "liked" );
});
$('.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');
$('.tabs li').removeClass('current');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#"+tab_id).addClass('current');
});
$(".fancybox").fancybox({
openEffect : 'none',
closeEffect : 'none',
padding : 0,
});
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink