Blog posts by Jacob Khan2016-04-05T22:52:06.0000000Zhttps://world.optimizely.com/blogs/Jacob-Khan/Optimizely WorldPreview Content in View Mode<p>One of our enterprise customers recently approached me with an interesting challenge. They wanted to generate a URL of unpublished content and send it to an external party for validation of look and feel and an obligatory “thumbs up” before publishing. </p> <p>In CMS 6 this could be achieved by going to the template URL and adding the version id. <a href="http://www.alloy.com/templates/pages/standardpage.aspx?id=5_5">www.alloy.com/templates/pages/standardpage.aspx?id=5_5</a></p> <p>However editors wouldn’t know the template / controller in newer version of Episerver, so I needed a different way of accomplishing this. </p> <p>I used partial routing to fetch the previous version and show that in the URL. </p> <pre class="language-csharp"><code> public class PreviewPartialRouter : IPartialRouter<SitePageData, PageVersion>
{
public PartialRouteData GetPartialVirtualPath(PageVersion version, string language, RouteValueDictionary routeValues, RequestContext requestContext)
{
var contentLink = ContentRoute.GetValue("node", requestContext, routeValues) as ContentReference;
if (PageEditing.PageIsInEditMode)
{
return null;
}
return new PartialRouteData
{
BasePathRoot = contentLink,
PartialVirtualPath = String.Format("{0}/", version.ToString())
};
}
public object RoutePartial(SitePageData content, EPiServer.Web.Routing.Segments.SegmentContext segmentContext)
{
var namePart = segmentContext.GetNextValue(segmentContext.RemainingPath);
if (!String.IsNullOrEmpty(namePart.Next))
{
var version = HttpUtility.UrlDecode(namePart.Next);
try
{
var versionNumber = new ContentReference(version);
if (versionNumber != null)
{
var remaingPath = namePart.Remaining;
//Update RemainingPath on context.
segmentContext.RemainingPath = remaingPath;
var versionRepository = EPiServer.ServiceLocation.ServiceLocator.Current.GetInstance<IContentVersionRepository>();
var ActualVersion = versionRepository.Load(versionNumber);
segmentContext.RoutedContentLink = ActualVersion.ContentLink;
var contentRepository = EPiServer.ServiceLocation.ServiceLocator.Current.GetInstance<IContentLoader>();
var pd = contentRepository.Get<SitePageData>(ActualVersion.ContentLink);
segmentContext.SetCustomRouteData<PageVersion>("version", (PageVersion)ActualVersion);
return pd;
}
}catch{
return content;
}
}
return null;
} </code></pre>
<p>This example is with Alloy, where I use sitepagedata as my base. As you can see, I am getting a request in for a partial route meaning the main page url /”something”. “Something” refers to ContentReference.ID + “_” + Version Workid (5_18). This enables me to switch the current version to an older one. </p>
<p>I also need to register my partial route:</p>
<pre class="language-csharp"><code> [InitializableModule]
[ModuleDependency(typeof(EPiServer.Web.InitializationModule))]
public class PreviewInitialization : IInitializableModule
{
public void Initialize(InitializationEngine context)
{
var partialRouter = new PreviewPartialRouter();
RouteTable.Routes.RegisterPartialRouter<SitePageData, PageVersion>(partialRouter);
}
public void Preload(string[] parameters) { }
public void Uninitialize(InitializationEngine context)
{
}
}</code></pre>
<p>Rather simple if you ask me, but works well. To get the version ID, go into the version gadget and pick the previous version you would like to send. Since it isn’t always super easy to find a version and work id, I created a gadget which creates a simple version link for you </p>
<a href="/link/489f5a6cb2294a9aa154c031ed40b2e6.aspx"><img title="PreviewContent" style="display: inline" alt="PreviewContent" src="/link/577fe531c1294a38806a883eaaabe760.aspx" width="554" height="286" /></a>
<p>You can download the code here. Just place it in your project under the Business folder if you are using Alloy. In your own project, make sure to fix the path for the PreviewComponent and any namespace or SitePageData issues to your base</p>
<a title="https://drive.google.com/open?id=0B_XVbM6ery9FcXEzbkZ4Skt3YUE" href="https://drive.google.com/open?id=0B_XVbM6ery9FcXEzbkZ4Skt3YUE">https://drive.google.com/open?id=0B_XVbM6ery9FcXEzbkZ4Skt3YUE</a>2016-04-05T22:52:06.0000000ZBlog postBlog Template for EPiServer CMS 7.5 <p> <p>The Alloy Templates are widely used by partners and customers as well as<a href="/link/a2e572cb680c4f1db0a20604754627b9.png"><img title="pagetree" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: right; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="pagetree" align="right" src="/link/21c23db26ca94d48a7f7136094f7dc9a.png" width="139" height="244" /></a> internally at EPiServer. They create a good starting point for projects and showcase some simple page types. Blogs is something available in the EPiServer Social Packages but the blogs I built are made in EPiServer CMS and available in both MVC and Webforms. These blogs are based on a hierarchical placement with the year and month being listing pages. Read more about the advantages of hierarchical content and large scale sites here  <a title="http://joelabrahamsson.com/building-large-scale-episerver-sites/" href="http://joelabrahamsson.com/building-large-scale-episerver-sites/">http://joelabrahamsson.com/building-large-scale-episerver-sites/</a>. <br />The templates come with three page types, Blog Start, Blog List and Blog Item. It also comes with three block types, Blog Listing, Blog Archive and Blog Tags. <br /><a href="/link/234a4262660e4231a53d9c3330d93072.png"><img title="Blogstart" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" border="0" alt="Blogstart" src="/link/5d0606b95b764322915de70bdb75400a.png" width="380" height="209" /></a> <br />I also created a walkthrough video of package from a users perspective. <br /><a title="https://www.youtube.com/watch?v=CSAZkUPd7VM" href="https://www.youtube.com/watch?v=CSAZkUPd7VM">https://www.youtube.com/watch?v=CSAZkUPd7VM</a> <br />Best way to install the code is to setup a new Alloy Project using the VS integration and add the code in the root of your site, Include in project and build. Email me if you have any questions or issues. <br /> <div id="scid:8eb9d37f-1541-4f29-b6f4-1eea890d4876:943f894d-a4ac-4f65-b38b-a2a96e525f6f" class="wlWriterEditableSmartContent" style="float: none; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; display: inline; padding-right: 0px"><p><div><a href="/link/25a74c2ba166402ab79069b21eb481ea.zip" target="_self">EPiServer.Templates.Blog.Mvc.Webform.zip</a></div></p></div> </p> <p> <br /></p> </p> <div id="scid:8eb9d37f-1541-4f29-b6f4-1eea890d4876:15c54f6f-970c-4ff1-83a5-ccabe25b310b" class="wlWriterEditableSmartContent" style="float: none; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; display: inline; padding-right: 0px"><p><div><a href="/link/714ccc6168ec4ae48c94b032908bda12.zip" target="_self">EPiServer.Templates.Blog.Mvc.Webform.zip</a></div></p></div>2014-09-26T20:17:07.0000000ZBlog postMenu Provider for EPiServer Top Navigation<p>There are lot of great blog posts regarding how to add something to the top level navigation in EPiServer. </p> <p><a title="http://www.dnasir.com/2012/05/15/episerver-cms-custom-top-menu-for-multiple-plugins/" href="http://www.dnasir.com/2012/05/15/episerver-cms-custom-top-menu-for-multiple-plugins/">http://www.dnasir.com/2012/05/15/episerver-cms-custom-top-menu-for-multiple-plugins/</a></p> <p><a title="http://world.episerver.com/Blogs/Dung-Le/Dates/2010/2/Create-Global-Navigation-in-EPiServer-CMS-6-RC1/" href="http://world.episerver.com/Blogs/Dung-Le/Dates/2010/2/Create-Global-Navigation-in-EPiServer-CMS-6-RC1/">http://world.episerver.com/Blogs/Dung-Le/Dates/2010/2/Create-Global-Navigation-in-EPiServer-CMS-6-RC1/</a></p> <p><a title="http://world.episerver.com/Documentation/Items/Tech-Notes/EPiServer-CMS-6/EPiServer-CMS-60/OnlineCenter-Developer-Documentation/" href="http://world.episerver.com/Documentation/Items/Tech-Notes/EPiServer-CMS-6/EPiServer-CMS-60/OnlineCenter-Developer-Documentation/">http://world.episerver.com/Documentation/Items/Tech-Notes/EPiServer-CMS-6/EPiServer-CMS-60/OnlineCenter-Developer-Documentation/</a></p> <p>It is extremely flexible and powerful. One small thing that we often encounter is that we want to reuse the menu on the top and want to include the new script files and styles needed for CMS 7 when we create plugins. </p> <p>Accomplishing this is extremely easy. First we need to add four import statements in our markup. </p> <pre class="language-csharp"><code><%@ Import Namespace=<span class="str">"EPiServer.Framework.Web.Resources"</span> %>
<%@ Import Namespace=<span class="str">"EPiServer.Framework.Web.Mvc.Html"</span> %>
<%@ Import Namespace=<span class="str">"EPiServer"</span> %></code></pre>
<style type="text/css">
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style><style type="text/css">
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>We also need to register our Menu User Control </p>
<pre class="language-csharp"><code><%@ Register TagPrefix=<span class="str">"sc"</span> Assembly=<span class="str">"EPiServer.Shell"</span> Namespace=<span class="str">"EPiServer.Shell.Web.UI.WebControls"</span> %></code></pre>
<style type="text/css">
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>In the head tag of our ASPX we need to add our styles </p>
<pre class="language-csharp"><code><span class="kwrd"><</span><span class="html">asp:PlaceHolder</span> <span class="attr">ID</span><span class="kwrd">="shellScripts"</span> <span class="attr">runat</span><span class="kwrd">="server"</span><span class="kwrd">></span>
<span class="asp"><%</span>=Page.ClientResources(<span class="str">"Dojo"</span>, <span class="kwrd">new</span>[] <br />{ ClientResourceType.Style })<span class="asp">%></span>
<span class="asp"><%</span>=Page.ClientResources(<span class="str">"ShellCore"</span>)<span class="asp">%></span>
<span class="asp"><%</span>=Page.ClientResources(<span class="str">"ShellWidgets"</span>)<span class="asp">%></span>
<span class="asp"><%</span>=Page.ClientResources(<span class="str">"ShellCoreLightTheme"</span>)<span class="asp">%></span>
<span class="asp"><%</span>=Page.ClientResources(<span class="str">"ShellWidgetsLightTheme"</span>)<span class="asp">%></span>
<span class="asp"><%</span>=Page.ClientResources(<span class="str">"Navigation"</span>)<span class="asp">%></span>
<span class="kwrd"></</span><span class="html">asp:PlaceHolder</span><span class="kwrd">></span></code></pre>
<style type="text/css">
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>We also need to add our Menu to the page, after that we are done</p>
<pre class="language-csharp"><code> <span class="kwrd"><</span><span class="html">div</span> <span class="attr">class</span><span class="kwrd">="epi-globalNavigationContainer"</span><span class="kwrd">></span>
<span class="kwrd"><</span><span class="html">sc:ShellMenu</span> <span class="attr">ID</span><span class="kwrd">="ShellMenu2"</span> <span class="attr">runat</span><span class="kwrd">="server"</span> <span class="attr">SelectionPath</span><span class="kwrd">="/global/fb/main"</span> <span class="kwrd">/></span>
<span class="kwrd"></</span><span class="html">div</span><span class="kwrd">></span></code></pre>
<style type="text/css">
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p>I used a MenuProvider since I dont really like making web.config changes. </p>
<pre class="language-csharp"><code> [MenuProvider]
<span class="kwrd">public</span> <span class="kwrd">class</span> MenuProvider : IMenuProvider
{
<span class="kwrd">public</span> IEnumerable<MenuItem> GetMenuItems()
{
SectionMenuItem sectionMenuItem = <span class="kwrd">new</span> SectionMenuItem(<span class="str">"Facebook"</span>, <span class="str">"/global/fb"</span>);
sectionMenuItem.IsAvailable = ((RequestContext request) => PrincipalInfo.Current.HasPathAccess(UriSupport.Combine(<span class="str">"/Facebook"</span>, <span class="str">""</span>)));
SectionMenuItem sectionMenuItem2 = sectionMenuItem;
UrlMenuItem urlMenuItem = <span class="kwrd">new</span> UrlMenuItem(<span class="str">"Main"</span>, <span class="str">"/global/fb/main"</span>, <span class="str">"/modules/TopBarPlugin/MainMenuPlugin.aspx"</span>);
urlMenuItem.IsAvailable = ((RequestContext request) => <span class="kwrd">true</span>);
urlMenuItem.SortIndex = 100;
UrlMenuItem urlMenuItem2 = urlMenuItem;
<span class="kwrd">return</span> <span class="kwrd">new</span> MenuItem[]
{
sectionMenuItem2,
urlMenuItem2
};
}
}</code></pre>
<style type="text/css">
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
<p><a href="/link/1cdc3f99db0643f5b66c96b48cd7e723.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Screen Shot 2013-01-02 at 2.40.41 PM" border="0" alt="Screen Shot 2013-01-02 at 2.40.41 PM" src="/link/e6346fdef69747618faacee8f7551308.png" width="369" height="197" /></a> </p>
<p>I am attaching my files in case someone wants the entire code</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:fb3a1972-4489-4e52-abe7-25a00bb07fdf:031012a7-62ae-412c-b432-93fba7f786b0" class="wlWriterEditableSmartContent"><p> <a href="/link/293422694d9d49789f4854362472ba4e.zip" target="_blank">Zipped Code Example</a></p></div>2013-01-03T20:33:31.0000000ZBlog postMobilePack 1.0<p>Frederik Vig, Allan Thraen and I are proud to announce MobilePack 1.0. For more information about the release read <a href="http://www.frederikvig.com/2012/02/open-source-mobilepack-version-1-0/">here</a>. </p> <p>MobilePack 1.0 is the first stable release of MobilePack for EPiServer CMS 6 R2. To Install: download it from nuget or <a href="http://mobilepack.codeplex.com">codeplex</a>.</p> <p>Here are some of the new features/bug fixes:</p> <ul> <li>Storing resized images for 7 days (default) in VPP for faster access </li> <li>Added ability to disable server image resizing </li> <li>Offline Manifest for using the site offline </li> <li>Ability to have different redirects for different language versions of a page </li> <li>Ability to turn off server-side image resizing </li> <li>Now running jQuery Mobile 1.0.1 </li> <li>Switching between normal/mobile and mobile/normal site now works for sub-domains as well </li> <li>Better language support for Google Maps location page type </li> <li>Not trying to resize images the user does not have access to </li> <li>Turned off all HTTP caching of resized images to avoid proxies storing and serving the same resized image to multiple devices running different resolutions </li> <li>Refactored and cleaned up code base </li> <li>Refactored Google Maps property as NuGet package </li> <li>Easier installation and setup on new and existing sites </li> </ul> <p>To upgrade from 0.9 to 1.0 is very easy and can be done in two steps. Since the EPiServer.Labs.MobilePack.Core is a separate project we can simply choose to only upgrade the Core and utilize the new features without affecting our templates.</p> <p>It is recommended to upgrade using whatever way you first installed MobilePack with. </p> <p>Using Nuget go to manage packages and update the MobilePack.Core package only. </p> <p><a href="/link/a56b72b173f54943b98a6ae0d5fa3629.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="Screen shot 2012-02-09 at 2.55.08 PM" border="0" alt="Screen shot 2012-02-09 at 2.55.08 PM" src="/link/0259d98713b14801b04d8b08240ba5eb.png" width="534" height="294" /></a></p> <p>(If you only have the standard package demo installed just upgrade the entire thing)</p> <p>When you are done make sure to build. </p> <p>If you receive this error: GetLanguageIcon</p> <p><a href="/link/741b06cee2f34f5a8eecfb2b519c8852.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="Screen shot 2012-02-09 at 2.54.14 PM" border="0" alt="Screen shot 2012-02-09 at 2.54.14 PM" src="/link/a98e94ce39994a6abb169f760869c8ac.png" width="531" height="213" /></a></p> <p>This means the dll for 0.9 is still in your bin and you should use the 1.0 dll located in packages folder in the root of your site. </p> <p>To update using an EPiModule simply use the deployment tools and download the EPiModule from <a href="http://mobilepack.codeplex.com">http://mobilepack.codeplex.com</a> . Then run the compressed file installer and select the epimodule. </p> <p><a href="/link/63d58d92cba246f3b868ab8ebe995f1b.png"><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="Screen shot 2012-02-08 at 10.00.39 AM" border="0" alt="Screen shot 2012-02-08 at 10.00.39 AM" src="/link/6f2b92fba33f4a019030722d48481aec.png" width="464" height="236" /></a></p> <p>Important to note is that this doesn’t upgrade the references to JQueryMobile 1.0. This needs to be done manually either using Nuget, downloading the files or visiting <a href="http://jquerymobile.com">http://jquerymobile.com</a></p> <p>Please give feedback and information on <a href="http://mobilepack.codeplex.com">http://mobilepack.codeplex.com</a></p>2012-02-09T22:43:30.0000000ZBlog postCommerce Manager filter meta properties by language<p>I was recently asked by a Partner to assist them in an issue they have with EPiServer Commerce and multiple languages. They run around 15 languages and have around 10 xhtlm meta properties on a single product/sku. This means that every time they are editing a sku they see all the language properties.</p>
<p>I made a simple little drop down list that switches between the languages and only loads the classes needed for each language. This makes it easier for the editors when working with multiple languages.</p>
<p><a href="/link/aa21a24c4c644ba987b80dfced739a80.png"><img style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border: 0px;" title="Capture" src="/link/9ea6d4c65ec1408b9924484ac7754c7b.png" border="0" alt="Capture" width="440" height="97" /></a></p>
<p>Meta fields will be fetched as they are needed depending on the language. The loading time is decreased and it is easier to understand for editors. However if you are moving between languages without saving nothing is stored in memory so remember to save in between changing languages.</p>
<p>The plugin needs some configuration but is real easy to use. Since it is added to the eCommerceFramework and not the site there is no epimodule installation. Of course, these are the kinds of things EPiServer is considering for enhancements in a future release. In the mean time you can get started with this add-on by downloading the code and configuring it. Roger Cevung has also written an article on how to extend the commerce manager <a href="http://world.episerver.com/Articles/Items/Customizations-of-EPiServer-Commerce-Manager-/">here</a>.</p>
<p>In the zip there is a readme that will help you install the feature. Please add comments to the blog for questions and ideas.</p>
<p>If you have problems with the compiling because it cannot find the usercontrols simply remove them from the designer files and add them manually to the codebehind.</p>
<p>This plugin works for CMS 6 R2 with Commerce 1 R2 SP1</p>
<p>Thanks to Nansen for testing this out</p>
<div id="scid:fb3a1972-4489-4e52-abe7-25a00bb07fdf:c6e7e30a-2cbb-4de4-b25d-08b4d1342891" class="wlWriterEditableSmartContent" style="margin: 0px; display: inline; float: none; padding: 0px;">
<p><a href="/link/91167dbe5cf54bf28396790f6a953fbe.zip">Download Code Here: SourceProject </a></p>
</div>2011-11-11T17:28:00.0000000ZBlog postAdd Page Guide from code<p>Today I got a question from <a href="http://bigfinger.se/">Stephan Kvart</a> who wants to add Page Guides (Quick Publishing) from code. If you are not familiar with the concept of Page guides I recommend reading about it <a href="http://world.episerver.com/Articles/Items/Streamline-Your-Daily-Work-with-EPiServer-CMS-6/">here</a>. He is as many others a <a href="http://pagetypebuilder.codeplex.com/">PTB</a> user and does not like the idea of adding guides in web.config. Using Reflector and some smart EPiServer people I was able to create page guides from code. </p> <p>You need to add a reference to this dll EPiServer.Research.PageGuideHelper.dll. Then you can create a class, inherit from PageGuideExtension and add the attribute PageGuideAttribute.</p> <div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 98.95%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; height: 210px; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px">[PageGuideAttribute]</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff">public</span> <span style="color: #0000ff">class</span> CreateNewsGuide : PageGuideExtension</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff">public</span> <span style="color: #0000ff">override</span> <span style="color: #0000ff">string</span> Name</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> get</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff">return</span> <span style="color: #006080">"Create News"</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff">public</span> <span style="color: #0000ff">override</span> <span style="color: #0000ff">string</span> Title</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> { get</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff">return</span> <span style="color: #006080">"Create News Title"</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> } }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff">public</span> <span style="color: #0000ff">override</span> <span style="color: #0000ff">string</span> PageTypeName</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> get</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff">return</span> <span style="color: #006080">"[Public] News item"</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff">public</span> <span style="color: #0000ff">override</span> EPiServer.Core.PageReference DestinationPage</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> get { <span style="color: #0000ff">return</span> <span style="color: #0000ff">new</span> PageReference(4); }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> <span style="color: #0000ff">public</span> <span style="color: #0000ff">override</span> System.Collections.Generic.List<<span style="color: #0000ff">string</span>> Properties</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> get { <span style="color: #0000ff">return</span> <span style="color: #0000ff">new</span> System.Collections.Generic.List<<span style="color: #0000ff">string</span>> { <span style="color: #006080">"PageName"</span>, <span style="color: #006080">"MainBody"</span> }; }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"> }</pre>
<!--CRLF--></div>
</div>
<p>They are automatically registered and it works well on my machine. </p>
<p>This code is provided as is without support.</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:fb3a1972-4489-4e52-abe7-25a00bb07fdf:3ad703d4-2361-455b-8c1a-0e440ed90885" class="wlWriterEditableSmartContent"><p> <a href="/link/70159e3d1173466e923b5ecf43112885.zip" target="_blank">dll</a><br /> <a href="/link/7822694c6c8b47c0931b44ae33b0bddf.zip" target="_blank">full code</a></p></div>2010-10-13T14:55:00.0000000ZBlog postXForms validation<p>I recently got a question from a partner if it is possible to add validation to check if two fields are equal to each other. The scenario was that a user is asked for their email address and then asked to confirm it. I have already blogged about how to add a simple regular expression validation but this requires a bit more code but not much. <a href="http://world.episerver.com/Blogs/Anders-Hattestad/Dates/2010/5/Extend-EPiServer-XForm/">Anders Hattestad</a> wrote a great blog post on how to extend XForms and with the help of his blog post I got my validation working. </p> <p>I start by adding a regular expression validation in my global.asax. </p> <div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum1"> 1:</span> <span style="color: #0000ff">protected</span> <span style="color: #0000ff">void</span> Application_Start(Object sender, EventArgs e)</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum2"> 2:</span> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum3"> 3:</span> EPiServer.XForms.DataTypes.Types.Add(<span style="color: #006080">"Similar"</span>, <span style="color: #006080">"aretheysimilar"</span>);</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum4"> 4:</span> XFormControl.ControlSetup += <span style="color: #0000ff">new</span> EventHandler(XForm_ControlSetup);</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum5"> 5:</span> }</pre>
<!--CRLF--></div>
</div>
<p>This is only done to get the validation to show up in our drop down list.<a href="/link/b44450e84b2f4c6da0ee16d628500f22.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="xformssim" border="0" alt="xformssim" src="/link/379a80f77b96437cb3205d5b916b5582.png" width="367" height="263" /></a> </p>
<p>When I select two different textboxes I mark both as similar in the drop down list. </p>
<p>On the event control.ControlsCreated += I attach and add some code. </p>
<p>First thing I do is that I try to find the regular expression validation added with my dummy regex.</p>
<p> </p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum1"> 1:</span> List<<span style="color: #0000ff">string</span>> equalcontrolstocheck = <span style="color: #0000ff">new</span> List<<span style="color: #0000ff">string</span>>();</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum2"> 2:</span> List<<span style="color: #0000ff">string</span>> removecontrols = <span style="color: #0000ff">new</span> List<<span style="color: #0000ff">string</span>>();</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum3"> 3:</span> <span style="color: #0000ff">foreach</span> (Control item <span style="color: #0000ff">in</span> formControl.Controls)</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum4"> 4:</span> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum5"> 5:</span> <span style="color: #0000ff">if</span> (item <span style="color: #0000ff">is</span> System.Web.UI.WebControls.RegularExpressionValidator)</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum6"> 6:</span> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum7"> 7:</span> <span style="color: #0000ff">if</span> (((RegularExpressionValidator)item).ValidationExpression == <span style="color: #006080">"aretheysimilar"</span>)</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum8"> 8:</span> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum9"> 9:</span> Control c = formControl.FindControl(((RegularExpressionValidator)item).ControlToValidate);</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum10"> 10:</span>  </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum11"> 11:</span> equalcontrolstocheck.Add(c.ID);</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum12"> 12:</span> removecontrols.Add(item.ID);</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum13"> 13:</span> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum14"> 14:</span> }</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum15"> 15:</span> }</pre>
<!--CRLF--></div>
</div>
<p>I then add the controls to a list and the controls they validate. I then remove the regular expression validation controls and add a compare control saying that both controls should be equal</p>
<p> </p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum1"> 1:</span> <span style="color: #0000ff">if</span> (equalcontrolstocheck.Count > 1)</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum2"> 2:</span> {</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum3"> 3:</span>  </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum4"> 4:</span> formControl.Controls.Remove(formControl.FindControl(removecontrols[0]));</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum5"> 5:</span> formControl.Controls.Remove(formControl.FindControl(removecontrols[1]));</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum6"> 6:</span>  </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum7"> 7:</span> CompareValidator comparevalid = <span style="color: #0000ff">new</span> CompareValidator();</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum8"> 8:</span> comparevalid.ControlToValidate = equalcontrolstocheck[0];</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum9"> 9:</span> comparevalid.ControlToCompare = equalcontrolstocheck[1];</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum10"> 10:</span> comparevalid.Type = ValidationDataType.String;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum11"> 11:</span> comparevalid.Operator = ValidationCompareOperator.Equal;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum12"> 12:</span> comparevalid.Text = <span style="color: #006080">"They do not match"</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum13"> 13:</span> comparevalid.ID = <span style="color: #006080">"emailisequal"</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum14"> 14:</span> comparevalid.Display = ValidatorDisplay.Dynamic;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum15"> 15:</span> comparevalid.ValidationGroup = <span style="color: #006080">"XForm"</span>;</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum16"> 16:</span>  </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum17"> 17:</span> formControl.Controls.Add(comparevalid);</pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum18"> 18:</span>  </pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum19"> 19:</span> }</pre>
<!--CRLF--></div>
</div>
<p>The end results are that if they are not equal it will show</p>
<p> </p>
<p><a href="/link/0a8793c269684d169a390c14108d6894.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="similar" border="0" alt="similar" src="/link/e7beab2c3a864734acbf6a464d891bf6.png" width="324" height="189" /></a></p>2010-05-31T17:08:15.0000000ZBlog postFailed to load root node – Live Monitor<p>Today I installed live monitor on a CMS 6 site with PageTypeBuilder, PageTypeIcons and alot of other cool stuff. After following the installation I ran into the issue of “Failed to load root node”. This was also the issue that <a href="http://blog.bigfinger.se/archive.aspx">Kvart</a> ran into when he installed live monitor. Libardo gave me the tip of using fiddler to see where it actually went wrong. Fiddler told me that it found the correct startpageid which was my startpage. But it could not find the page it self. My bindings of the site was setup to be “* :17020” which meant I could use the computers name and 17020 to access the site. I changed it so that the the binding was jacobkhan-imac and put that url in the web.config as stated by the instructions on world and there we have it.</p> <p>In other words it could not find the site since I put in an ambigous url in web.config</p> <p>Now everything works like a charm</p> <p><a href="/link/132a18ef6c3344db8812a7ab6748e76e.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="/link/bea30ea861f24f43a8004af51c38c551.png" width="400" height="240" /></a></p>2010-05-27T15:16:07.0000000ZBlog postCompare in Edit mode CMS 6<p>In CMS 6 a new editorial feature is available making it easier to compare versions in EPiServer. When listing versions there is a new tab showing three different compare options. Compare the old way, side by side, compare properties also side by side and merge using EPiDiff and highlight changes. We hope that these three options will make it easier for editors to be able to see changes in their documents and be able to track changes easier.</p>
<p><a href="/link/9a5fd86eaf434f649887d9ef6a460d3f.png"><img style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: inline; BORDER-TOP: 0px; BORDER-RIGHT: 0px" title="image" border="0" alt="image" src="/link/3040baa53df94c6cba905d7263bf51fd.png" width="374" height="123" /></a> </p>
<p> </p>
<p>EPiDiff is the default comparer added by EPiServer through code. When doing comparison it is important to render correct html based on the premise that the html already given is correct. The first thing it does is fix html and make it xhtml friendly using the html parser is EPiServer.Core.Html.HTMLParser. This will give a XMLDocument and we use its XMLNodes. We also fix script tags so that //CDATA is correct. By this I mean that if script tags don’t have CDATA we add it, if they are commented out for earlier browser versions we remove the comments. If we do not do this we cannot render correct XML which is needed in order to traverse through the xhtml.</p>
<p><a href="/link/0b658c79d6de4e3e868a9c7958517994.png"><img style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: inline; BORDER-TOP: 0px; BORDER-RIGHT: 0px" title="image" border="0" alt="image" src="/link/57df6e853e91420988c00d3d3d3f9a4f.png" width="359" height="278" /></a> </p>
<p>It starts comparing the nodes inside the body tag because we cannot show changes in Meta tags anyways so it seems unnecessary to compare them. It goes through each node and checks if their html is equal to each other. If they are equal the node is added to our final concatenated string. If they are not equal we recursively call ourselves with the selected child as parameter. </p>
<p>Most texts in the xml are considered as a whole and individual words will not be compared unless the html tag is added to our list AnalyzeTextBasedOnTheseBlocks. In the default provider it includes <span> and <p>. </p>
<p>If we encounter html tags that are in this list we automatically compare individual words and their relative position. This algorithm looks at individual words and sees if they can find the word later in the text. If the word can be found the words before it is considered inserted or deleted. In reality this function is more complex but this is the simple explanation of it. The summary is that the text based comparison handles moved words whilst the xml based comparison does not handle moved tags. Why is because moved html is tricky and in a composer environment this could easily render correct html by math but to an editor it looks odd and breaks design. We show changed information using <ins> and <del> tags. </p>
<p>Since this is a provider model most of this can be changed. The provider needs to inherit from the abstract class called “PageCamparerProviderBase” in the namespace “EPiServer.UI.Edit.PageCompare.Core”, and implement the abstract method called “GetDiffOfHtml”. The method takes two strings as argument. The strings contain the html from a page, and the method should return an html string showing the differences between the two pages.</p><pre class="language-csharp"><code><span class="kwrd">public</span> <span class="kwrd">class</span> PageCompareAlgorithm : PageComparerProviderBase
{
<span class="kwrd">public</span> <span class="kwrd">override</span> <span class="kwrd">string</span> GetDiffOfHtml(<span class="kwrd">string</span> html1, <span class="kwrd">string</span> html2)
{}}
</code></pre>
<style type="text/css"><![CDATA[UNKNOWN {
BACKGROUND-COLOR: #ffffff; FONT-FAMILY: consolas, "Courier New", courier, monospace; COLOR: black; FONT-SIZE: small
}
.csharpcode PRE {
MARGIN: 0em
}
.csharpcode .rem {
COLOR: #008000
}
.csharpcode .kwrd {
COLOR: #0000ff
}
.csharpcode .str {
COLOR: #006080
}
.csharpcode .op {
COLOR: #0000c0
}
.csharpcode .preproc {
COLOR: #cc6633
}
.csharpcode .asp {
BACKGROUND-COLOR: #ffff00
}
.csharpcode .html {
COLOR: #800000
}
.csharpcode .attr {
COLOR: #ff0000
}
.csharpcode .alt {
BACKGROUND-COLOR: #f4f4f4; MARGIN: 0em; WIDTH: 100%
}
.csharpcode .lnum {
COLOR: #606060
}
]]></style>
<h5><a name="_Toc245171915"></a></h5>EPiServers implementation is called “PageCompareAlgorithm” and can be found in the namespace “EPiServer. EPiServer.UI.Edit.PageCompare.Core.Providers”. This class inherits from “PageCamparerProviderBase”.
<p>The PageCompareAlgorithm implementation has a lot of virtual methods that can be overridden. This makes it easy for developers to change small pieces of the default implementation.The example below makes it possible to change the <ins style=”background:…> to whatever color and you want to.</p><pre class="language-csharp"><code><span class="kwrd">public</span> <span class="kwrd">class</span> TestProvider : PageCompareAlgorithm
{
<span class="kwrd">public</span> <span class="kwrd">override</span> <span class="kwrd">string</span> AddedBeginTag
{}
}
</code></pre>
<style type="text/css"><![CDATA[UNKNOWN {
BACKGROUND-COLOR: #ffffff; FONT-FAMILY: consolas, "Courier New", courier, monospace; COLOR: black; FONT-SIZE: small
}
.csharpcode PRE {
MARGIN: 0em
}
.csharpcode .rem {
COLOR: #008000
}
.csharpcode .kwrd {
COLOR: #0000ff
}
.csharpcode .str {
COLOR: #006080
}
.csharpcode .op {
COLOR: #0000c0
}
.csharpcode .preproc {
COLOR: #cc6633
}
.csharpcode .asp {
BACKGROUND-COLOR: #ffff00
}
.csharpcode .html {
COLOR: #800000
}
.csharpcode .attr {
COLOR: #ff0000
}
.csharpcode .alt {
BACKGROUND-COLOR: #f4f4f4; MARGIN: 0em; WIDTH: 100%
}
.csharpcode .lnum {
COLOR: #606060
}
]]></style>
<style type="text/css"><![CDATA[UNKNOWN {
BACKGROUND-COLOR: #ffffff; FONT-FAMILY: consolas, "Courier New", courier, monospace; COLOR: black; FONT-SIZE: small
}
.csharpcode PRE {
MARGIN: 0em
}
.csharpcode .rem {
COLOR: #008000
}
.csharpcode .kwrd {
COLOR: #0000ff
}
.csharpcode .str {
COLOR: #006080
}
.csharpcode .op {
COLOR: #0000c0
}
.csharpcode .preproc {
COLOR: #cc6633
}
.csharpcode .asp {
BACKGROUND-COLOR: #ffff00
}
.csharpcode .html {
COLOR: #800000
}
.csharpcode .attr {
COLOR: #ff0000
}
.csharpcode .alt {
BACKGROUND-COLOR: #f4f4f4; MARGIN: 0em; WIDTH: 100%
}
.csharpcode .lnum {
COLOR: #606060
}
]]></style>
<p>To add a provider through the configuration file, open web.config for the site and add the following section:</p><pre class="language-csharp"><code><span class="kwrd"><</span><span class="html">configSections</span><span class="kwrd">></span>
…
<span class="kwrd"><</span><span class="html">section</span> <span class="attr">name</span><span class="kwrd">="episerver.pageComaprer"</span> <span class="attr">type</span><span class="kwrd">="EPiServer.UI.Edit.PageCompare.Configuration.PageCompareSection, EPiServer.UI"</span> <span class="kwrd">/></span>
…
<span class="kwrd"></</span><span class="html">configSections</span><span class="kwrd">></span>
<span class="kwrd"><</span><span class="html">episerver.pageComaprer</span><span class="kwrd">></span>
<span class="kwrd"><</span><span class="html">pageComparer</span> <span class="attr">defaultProvider</span><span class="kwrd">="DefaultPageComparer"</span><span class="kwrd">></span>
<span class="kwrd"><</span><span class="html">providers</span><span class="kwrd">></span>
<span class="kwrd"><</span><span class="html">add</span> <span class="attr">name</span><span class="kwrd">="MyProvider"</span> <span class="attr">description</span><span class="kwrd">=""</span> <span class="attr">type</span><span class="kwrd">="MyNamespace.MyClass, MyAssembly"</span> <span class="attr">AnalyzeTextBasedOnTheseBlocks</span><span class="kwrd">="p; span"</span> <span class="kwrd">/></span>
<span class="kwrd"></</span><span class="html">providers</span><span class="kwrd">></span>
<span class="kwrd"></</span><span class="html">pageComparer</span><span class="kwrd">></span>
<span class="kwrd"></</span><span class="html">episerver.pageComaprer</span><span class="kwrd">></span>
</code></pre>
<style type="text/css"><![CDATA[UNKNOWN {
BACKGROUND-COLOR: #ffffff; FONT-FAMILY: consolas, "Courier New", courier, monospace; COLOR: black; FONT-SIZE: small
}
.csharpcode PRE {
MARGIN: 0em
}
.csharpcode .rem {
COLOR: #008000
}
.csharpcode .kwrd {
COLOR: #0000ff
}
.csharpcode .str {
COLOR: #006080
}
.csharpcode .op {
COLOR: #0000c0
}
.csharpcode .preproc {
COLOR: #cc6633
}
.csharpcode .asp {
BACKGROUND-COLOR: #ffff00
}
.csharpcode .html {
COLOR: #800000
}
.csharpcode .attr {
COLOR: #ff0000
}
.csharpcode .alt {
BACKGROUND-COLOR: #f4f4f4; MARGIN: 0em; WIDTH: 100%
}
.csharpcode .lnum {
COLOR: #606060
}
]]></style>
<p>The section element must be placed inside the “configSections” element, and the “episerver.pageComparer” section must be placed inside the “configuration” element. </p>
<p>In the provider, we have an optional attribute called “AnalyzeTextBasedOnTheseBlocks” that can be added. This will be loaded into a property with the same name in the provider base when the provider gets initialized. </p>
<p>The default provider will set the “p” and the “span” element as analyze blocks if nothing else is configured in the configuration file. By adding the section in web.config and setting EPiServers provider as the default provider, it’s possible to change this property. </p>
<p>There is a possibility to use a custom provider without adding anything to the configuration file. It can be done by creating a “ProviderSettings” object with the type as parameter. It will not be possible to use the provider this way with the default plug-in, but it can be useful when making tests. </p>
<div class="csharpcode"><pre class="language-csharp"><code><span class="kwrd">string</span> providerName = <span class="str">"TestProvider"</span>;</code></pre><pre class="language-csharp"><code> </code></pre><pre class="language-csharp"><code>ProviderSettings providerSettings = <span class="kwrd">new</span> ProviderSettings(providerName, <span class="str">"EPiServerUnitTest.EPiDiff.TestProviders.TestProvider, EPiServerUnitTest"</span>);</code></pre><pre class="language-csharp"><code> </code></pre><pre class="language-csharp"><code>providerSettings.Parameters.Add(<span class="str">"AnalyzeTextBasedOnTheseBlocks"</span>, <span class="str">"p; span; div"</span>);</code></pre><pre class="language-csharp"><code> </code></pre><pre class="language-csharp"><code>DiffComparerProviderBase diffComparerProvider = DiffComparerProviderBase.CreateInstance(providerSettings);</code></pre></div>
<style type="text/css"><![CDATA[UNKNOWN {
BACKGROUND-COLOR: #ffffff; FONT-FAMILY: consolas, "Courier New", courier, monospace; COLOR: black; FONT-SIZE: small
}
.csharpcode PRE {
MARGIN: 0em
}
.csharpcode .rem {
COLOR: #008000
}
.csharpcode .kwrd {
COLOR: #0000ff
}
.csharpcode .str {
COLOR: #006080
}
.csharpcode .op {
COLOR: #0000c0
}
.csharpcode .preproc {
COLOR: #cc6633
}
.csharpcode .asp {
BACKGROUND-COLOR: #ffff00
}
.csharpcode .html {
COLOR: #800000
}
.csharpcode .attr {
COLOR: #ff0000
}
.csharpcode .alt {
BACKGROUND-COLOR: #f4f4f4; MARGIN: 0em; WIDTH: 100%
}
.csharpcode .lnum {
COLOR: #606060
}
]]></style>
<p>We hope that this feature will be used and is appreciated by our editors. We are constantly trying to improve this algorithm and find new ways of showing changes made such as image changes and dynamic content changes. </p>
<p>/Jacob</p>
<style type="text/css"><![CDATA[UNKNOWN {
BACKGROUND-COLOR: #ffffff; FONT-FAMILY: consolas, "Courier New", courier, monospace; COLOR: black; FONT-SIZE: small
}
.csharpcode PRE {
MARGIN: 0em
}
.csharpcode .rem {
COLOR: #008000
}
.csharpcode .kwrd {
COLOR: #0000ff
}
.csharpcode .str {
COLOR: #006080
}
.csharpcode .op {
COLOR: #0000c0
}
.csharpcode .preproc {
COLOR: #cc6633
}
.csharpcode .asp {
BACKGROUND-COLOR: #ffff00
}
.csharpcode .html {
COLOR: #800000
}
.csharpcode .attr {
COLOR: #ff0000
}
.csharpcode .alt {
BACKGROUND-COLOR: #f4f4f4; MARGIN: 0em; WIDTH: 100%
}
.csharpcode .lnum {
COLOR: #606060
}
]]></style>2010-03-08T15:20:00.0000000ZBlog postExchange gadget<p>Here is my contribution to the Open Gadget Contest 2009. I previously created an integration to Exchange syncing exchange tasks into EPiServer. A similar integration was done on the old research site showing calendar events.</p> <p>This Gadget uses some of the old with some of the new. I made three “smaller gadgets” but they all use the same library and should therefore be considered as one gadget. It is an integration with Exchange 2007 which uses Web Services to interact with my gadgets. </p> <p>Three gadgets were made: Calendar, Tasks and Mail. </p> <p><a href="/link/7b0cd5f95f144a70bca12ded6b3098ad.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="/link/64ee5606684a48a58d4ed95c8a999b2e.png" width="452" height="71" /></a> </p> <p>Calendar uses the old flash calendar from r.ep.se. One restriction here is that you cannot book a meeting. </p> <p><a href="/link/f5f80faa136148dcad12abfc01be88a0.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="/link/69aa94ea11d1471bbd735c59e2479c80.png" width="343" height="281" /></a> </p> <p>Tasks will show tasks from Exchange just like the EPiServer task gadget. </p> <p><a href="/link/8a664985de1f40dabb99f68a773544a1.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="/link/472d46becd484a0f9b8e69db248a6a2e.png" width="344" height="243" /></a> </p> <p>Last but not least is Mail which will get the 10 latest emails from your inbox and show them. <a href="/link/e7ccd664be434e73a4509f664141a928.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="/link/16add5745f2548be88257b0120d4abbd.png" width="345" height="234" /></a>  </p> <p>All of these use the same user settings saved in DDS. They are retrieved by User name and therefore you cannot have multiple of the same gadget. An upside is that you only need to update on of them to have all of them use the same settings</p> <p><a href="/link/e6bdec32303b48fcb0aa3384883ef143.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="/link/a03eb1951deb41a595811f385f3e99d7.png" width="369" height="191" /></a> </p> <p>The settings are: url to Webservice that your Exchange 2007 uses, what email to open, useraccount that has access to read, password and domain. For Example see image above.</p> <p> </p> <p>To install download source, copy to your site, compile and add this to the web.config, or run run the installer module through </p> <div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; max-height: 200px; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper"> <div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px" id="codeSnippet"> <pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum1"> 1:</span> <span style="color: #0000ff"><</span><span style="color: #800000">add</span> <span style="color: #ff0000">name</span><span style="color: #0000ff">="BiggieSmalls"</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum2"> 2:</span> <span style="color: #0000ff"><</span><span style="color: #800000">assemblies</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum3"> 3:</span> <span style="color: #0000ff"><</span><span style="color: #800000">add</span> <span style="color: #ff0000">assembly</span><span style="color: #0000ff">="BiggieSmalls"</span><span style="color: #0000ff">/></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: #f4f4f4; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum4"> 4:</span> <span style="color: #0000ff"></</span><span style="color: #800000">assemblies</span><span style="color: #0000ff">></span></pre>
<!--CRLF-->
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; border-right-style: none; background-color: white; margin: 0em; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; font-size: 8pt; border-left-style: none; overflow: visible; padding-top: 0px"><span style="color: #606060" id="lnum5"> 5:</span> <span style="color: #0000ff"></</span><span style="color: #800000">add</span><span style="color: #0000ff">></span></pre>
<!--CRLF--></div>
</div>
<p> </p>
<p>//Updated</p>
<p>Fixed a bug with mail and added an installer module. Install it using the Deployment Center.</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:fb3a1972-4489-4e52-abe7-25a00bb07fdf:6bf7822b-1db4-4a02-aabf-944e082dc291" class="wlWriterEditableSmartContent"><p> <a href="/link/ec753473a3134b579cb2e331a62a2b70.zip" target="_blank">source</a></p></div>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:fb3a1972-4489-4e52-abe7-25a00bb07fdf:e3e67d76-4eba-4957-95ac-9ba8fa1b18b6" class="wlWriterEditableSmartContent"><p> <a href="/link/d4ea70645b7c4b7ebbf0fd57ef01edac.epimodule" target="_blank">zip installer</a></p></div>
<p>/Jacob</p>2009-11-11T14:55:52.0000000ZBlog postScheduled backup of your siteI wanted to make a tool that would help me backup my content. I decided to make a scheduled service that would export my content from EPiServer and put it with the code. I could then save it in the TFS with the code. After having a little chat wit...2009-08-25T13:11:47.0000000ZBlog postAm I in Edit or View modeMy first blog post as graduated will be a short one, but I promise more is coming. I recently got a question about how do you know if you are in Edit or Admin mode. Say you have a usercontrol that is used in both an Admin plugin and on a Template...2009-08-21T18:10:04.0000000ZBlog postAdd validation to XForms textbox  I recently came across a partner that needed to add custom validation in the Editor making it possible to validate for such things as emails ending with .dk are not allowed. After some failure in digging around I went to the back-end team and...2009-07-29T01:28:06.0000000ZBlog postWikiX update and Relate integrationWikiX is the open source Wiki solution based on EPiServer CMS. It is available on codeplex and our first beta release was made in December 2008. Allan Thraen has previously blogged about some of the features in WIkiX and so have I. Five months lat...2009-06-11T16:02:51.0000000ZBlog postRegistered DownloadBefore labs.episerver.com we had a research site called r.ep.se. On this site we had bloggers, our calendars and different projects. When people wanted to download our projects they had to register their email and we would send them a link to the...2009-05-18T18:37:56.0000000ZBlog postHow to make your EPiServer site mobileThis is a question very suitable for almost everyone working with websites. But how do you do it. I would say you can spend a lot of time and money building special implementations for iPhone ( my blog ) and Android (soon) but what about all the...2009-04-08T17:12:23.0000000ZBlog postInternet Explorer 8Now that Microsoft is releasing a stable version of IE8 I thought it was time we at EPiServer show how you can use some of the new features with the browser. A few things to check is the toolbar search using Wikipedia, in private browsing and the...2009-03-18T18:45:26.0000000ZBlog postTinyMce Adapter for EPiServer CMSThe EPiServer CMS editor is a great editor. It is easy to use, simple yet gives you all the complicated features it should. The only issue is that it doesn’t work for non IE browsers. I know that the dev team is working hard on a solution for r3 b...2009-02-20T17:00:13.0000000ZBlog postSearch Engine SitemapsAnother module has been added to our Open Source initiative. Search Engine Sitemaps is the old EPiGoogleSitemaps but now you can make your own changes that fits your needs. The project can be found on epicode . This module makes it easy for search...2009-01-30T18:19:13.0000000ZBlog postEPiServer CMS 5 R2 on Windows 7This week Microsoft announced they would release a Beta of Windows 7 build 7000. Some had the privilege of getting Windows 7 build 6801 before everyone else when they went to PDC in October 2008. In order to run EPiServer CMS 5 R2 on a fresh Windo...2009-01-09T16:17:30.0000000ZBlog post