Blog posts by Edenström EPiServer

Blog posts by Edenström EPiServer2011-09-22T08:30:00.0000000Zhttps://world.optimizely.com/blogs/Edenstrom-EPiServer/ Optimizely World Fixing EPiServer's context menu bug in Google ChromeAs all of you using Google Chrome on an EPiServer website, know that the right click menu isn't opening correctly in your browser. The problem appears when you have scrolled down on a page and try to open the context menu - the menu will open at the top of the page as if you had not scrolled the page. After having to endure this bug for a long time and knowing it would take a while for EPiServer to release a new version that fixes it - I chose to try and fix it myself, figuring it would only be a small fix. Later, after a bit of investigation, I landed in the <code>contextmenu.js</code> file located in <code>C:\Program Files (x86)\EPiServer\CMS\6.1.379.0\Application\Util\javascript.</code> The problem lied in the <code>_ScrollPosition</code> method where it is calling <code>win.document.documentElement.scrollLeft.</code> This property always returns zero in Google Chrome. To solve this we can use the <code>win.document.body.scrollLeft</code> property instead which returns the correct value. Using the OR ( || ) operator we can make the browser choose the property that returns a value other than zero. The final method will look like this after fixing the bug (green is the changed code): <div style="color: black; font-family: 'Courier New', Courier, Monospace; font-size: 10pt;"><div style="background-attachment: initial; background-clip: initial; background-color: #f4f4f4; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; overflow-x: auto; overflow-y: auto;"><ol start="555" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; margin-bottom: 0px; margin-left: 3em; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 0px; padding-top: 0px; white-space: nowrap;"><li style="background-color: white;">ContextMenu.prototype._ScrollPosition = function(win)</li><li style="background-color: white;">{</li><li style="background-color: white;">    var scrollX = 0;</li><li style="background-color: white;">    var scrollY = 0;</li><li style="background-color: white;">    if (!this._IsCrossSite(win.top) && win.top.document.documentElement.scrollTop != null)</li><li style="background-color: white;">    {</li><li>        scrollX = win.document.documentElement.scrollLeft || win.document.body.scrollLeft;</li><li>        scrollY = win.document.documentElement.scrollTop || win.document.body.scrollTop;</li><li style="background-color: white;">    }</li><li style="background-color: white;">    else if (win.pageYOffset != null)</li><li style="background-color: white;">    {</li><li style="background-color: white;">        scrollX = win.pageXOffset;</li><li style="background-color: white;">        scrollY = win.pageYOffset;</li><li style="background-color: white;">    }  </li><li style="background-color: white;">    </li><li style="background-color: white;">    return [scrollX, scrollY];</li><li style="background-color: white;">}</li></ol></div></div> Modifiying EPiServer's files might break the support and is at your own risk. I have however not found any problems with it so far. If you want to include this for all editors of your site you can add the following code in your MasterPage which will replace the EPiServer-method with the bug-fixed one: <div style="color: black; font-family: 'Courier New', Courier, Monospace; font-size: 10pt;"><div style="background-color: white; overflow: auto; padding: 2px 5px; white-space: nowrap;">protected override void OnLoad(EventArgs e) {     base.OnLoad(e);     if (Request.IsAuthenticated && CurrentPage.QueryDistinctAccess(AccessLevel.Publish))         ScriptManager.Current.AddEventListener("window", "load", "function(){ContextMenu.prototype._ScrollPosition=function(win){var scrollX=0;var scrollY=0;if(!this._IsCrossSite(win.top)&&win.top.document.documentElement.scrollTop!=null){scrollX=win.document.documentElement.scrollLeft||win.document.body.scrollLeft;scrollY=win.document.documentElement.scrollTop||win.document.body.scrollTop}else if(win.pageYOffset!=null){scrollX=win.pageXOffset;scrollY=win.pageYOffset}return[scrollX,scrollY]}}"); }</div></div> Let me know if you find any problems with it!<div class="blogger-post-footer"><img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/6619606000431090378-6792522588379418340?l=blog.nansen.se" alt="" /></div>2011-09-22T08:30:00.0000000Z

Blog post

Customize EPi Commerce Order listingIn a current project using EPi Commerce we ran into an issue in Commerce Admin. It was very hard to get a good overview of placed orders. This due to the ID column in commerce manager displaying OrderGroupId instead of the generated TrackingNumber communicated to the customers. This is updated with EPi Commerce R2 / EFC 5.2 but we haven't had the possibility to upgrade yet. View in EPi Commerce / EFC 5.1 <a href="http://lh3.ggpht.com/-qNfLVmySFNk/TniS2MomN9I/AAAAAAAAAcs/Mimt1ke-1p0/s1600-h/5_1%25255B1%25255D.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="5_1" border="0" alt="5_1" src="http://lh6.ggpht.com/-2vxSo6QroZc/TniS2qqz7ZI/AAAAAAAAAcw/hP-O0G93c1I/5_1_thumb.png?imgmax=800" width="488" height="107" /></a> View in EPi Commerce R2 / EFC 5.2 <a href="http://lh3.ggpht.com/-EUadihGq1Y8/TniS26DbLII/AAAAAAAAAc0/KmKUJjVRL04/s1600-h/5_2%25255B1%25255D.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="5_2" border="0" alt="5_2" src="http://lh4.ggpht.com/-jIv8FOIKxUU/TniS3V7aq3I/AAAAAAAAAc4/NfmpxJRpfX8/5_2_thumb.png?imgmax=800" width="480" height="132" /></a> If a customer contacts the merchant with a query about a specific order, the Order listing in the first release of EPi Commerce / EFC 5.1 don’t display the Order no. given to the customer. And the search don’t allow search on the property called “TrackingNumber” either. We needed to solve this issue quickly, waiting for all that comes with upgrading to a new version wasn’t an option. Commerce manager keeps it’s controls and configurations related to the manager UI in a folder located by default in: C:\Program Files (x86)\Mediachase\eCommerceFramework\5.1\[YourSiteName] Configuration for the Order lists are kept in the following file. C:\Program Files (x86)\Mediachase\eCommerceFramework\5.1\[YourSiteName]\Shared\Apps\Order\Order.config In this file you can add columns you wish to list, as long as they are on the PurchaseOrder Object. The view tag in the config file contains the columns listed in the view <div class="csharpcode"> <pre class="language-csharp"><code> 89: <View id="Orders-List" … > </code></pre></div>To add a new column just insert. The line below adds a new column displaying Order Creation date. (Property “Created”) <Column Width="200" AllowSorting="true" DataField="Created" HeadingText="Order Created"></Column> The Order Id is displayed using a link template control which is located inC:\Program Files (x86)\Mediachase\eCommerceFramework\5.1\AvalancheCMS\Shared\Apps\Order\GridTemplates\OrderLinkTemplate.ascxTo stop using the internal object Id of the order and instead display the generated order number for the purchase order we just need to update the following in the OrderLinkTemplate.ascx:From:<div class="csharpcode" style="font-family: monospace; font-size: 13px; white-space: pre; "><pre class="language-csharp"><code> 6: Text='<%# EcfListView.GetDataCellValue(DataBinder.Eval(DataBinder.GetDataItem(Container),"OrderGroupId")) %>'></code></pre>To:<div class="csharpcode" style="font-family: monospace; font-size: 13px; white-space: pre; "><pre class="language-csharp"><code> 6: Text='<%# GetViewName().Equals("PurchaseOrder") ? EcfListView.GetDataCellValue(DataBinder.Eval(DataBinder.GetDataItem(Container),"TrackingNumber")) : EcfListView.GetDataCellValue(DataBinder.Eval(DataBinder.GetDataItem(Container),"OrderGroupId")) %>'></code></pre></div> </div><div class="csharpcode">Adding the Creation date and modifying the LinkTemplate to show TrackingNumber instead of OrderGroupId will make the listing look like this:</div> <a href="http://lh4.ggpht.com/-PUJFopAc4OY/TniS3-D8TtI/AAAAAAAAAc8/XmcjkfGswqU/s1600-h/5_1_mod%25255B3%25255D.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="5_1_mod" border="0" alt="5_1_mod" src="http://lh5.ggpht.com/-gH3RlBP1MMQ/TniS4YQv2gI/AAAAAAAAAdA/0FKmBcgpL9k/5_1_mod_thumb%25255B1%25255D.png?imgmax=800" width="487" height="80" /></a> <div class="csharpcode">So if you are not running your site on EPi Commerce R2 yet this might ease the process of identifying orders in Commerce Manager until you upgrade. </div> <div class="blogger-post-footer"><img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/6619606000431090378-2373526969759930994?l=blog.nansen.se" alt="" /></div>2011-09-20T15:19:00.0000000Z

Blog post

Implement a SettingsPageType in EPiServerThere are loads of different opinions about this matter. Even here at Nansen we haven't reached consensus. This is strictly my personal opinion. Here's why I think you should use a separate page type for global site settings. <ul><li>Do not bloat the start page with non start page related properties.</li><li>DO NOT BLOAT THE START PAGE WITH NON START PAGE RELATED PROPERTIES.</li></ul> The only downside is I have to contradict myself to implement this. You still need to add one property to your start page. A page reference property for pointing out the settings page, so you can easily reach it from code. For easy code access to your settings I suggest that you add this code snippet in your page template base class, page type base class or your master page base class: <div style="border: #000080 1px solid; color: black; font-family: 'Courier New', Courier, Monospace; font-size: 10pt;"><div style="background-color: black; max-height: 500px; overflow: auto; padding: 2px 5px;">private SettingsPageType _settings; public SettingsPageType Settings {     get     {         if (_settings == null)         {             var startPage = DataFactory.Instance.GetPage(PageReference.StartPage) as StartPageType;             if (startPage == null || startPage.SettingsPage == null)             {                 throw new ApplicationException(                     "Settings page not configured. The website will not work until it has been configured.");             }             _settings = startPage.SettingsPage;         }         return _settings;     } }</div></div> A small downside is that there will be an extra request to the EPiServer page cache. But I'm convinced it will not affect the performance of your website. A typical example of using site settings is that the editor wants the website logo to be replaceable. So in my SettingsPageType I add a property for this purpose: <div style="border: #000080 1px solid; color: black; font-family: 'Courier New', Courier, Monospace; font-size: 10pt;"><div style="background-color: black; max-height: 300px; overflow: auto; padding: 2px 5px;">[PageTypeProperty(Type = typeof(PropertyImageUrl),     EditCaption = "Website logo",     HelpText = "The website logo, visible on all pages on the website.",     UniqueValuePerLanguage = false,     SortOrder = 10)] public virtual string SiteLogo { get; set; }</div></div> Then in your master page you set the image source to <%= Settings.SiteLogo %> or manage it in code behind. From an editors point of view it's confusing to see global site settings mixed with the content of the start page. There's a risk that they'll be confused and that they might change something unintentionally. The coolest and most convincing argument is that you can add this neat page type icon to your SettingsPageType: <div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-vH6GhF_9x74/TnG7K3XGQxI/AAAAAAAAADY/M59idePE9zI/s1600/sitesettings-icon.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-vH6GhF_9x74/TnG7K3XGQxI/AAAAAAAAADY/M59idePE9zI/s1600/sitesettings-icon.PNG" /></a></div> <div class="blogger-post-footer"><img width="1" height="1" src="https://blogger.googleusercontent.com/tracker/6619606000431090378-5590375768237977700?l=blog.nansen.se" alt="" /></div>2011-09-15T11:05:00.0000000Z

Blog post

EPiServer releases in December 2010 + CMS news SwedenMKSE.com CMS EPiServer Polopoly Drupal Spiro Kommunikation är 1 av 14 Silverstripe Certified Partner 12/30/2010 Visst finns det redan Silverstripe open source fokuserade konsulter i Sverige. Den lilla hype bolaget haft i USA under… WebTranslateIt.com förenklar översättningar i CMS-projektet 12/30/2010 WebTranslateIt.com är ett smidigt, webbaserat CAT (computer-aided translation tool) för översättningsarbete som siktar på att bli bäst på att… Polopoly 10, Polopoly går i graven, Atex är äntligen här 12/29/2010 Precis innan årsskiftet berättar Peter Antman på Atex Polopoly att de är stolta över att äntligen släppt Polopoly 10.… Semic släppt på EPiServer CMS av Limetta 12/28/2010 Semic.se har fått en ny webbplats byggd på den EPiServer CMS-platta (EPiServer CMS 5?) som förlagsfokuserade Limetta tagit fram… Bravida släpper EPiServer Relate+ intranät av Cloud Nine 12/28/2010 Tjejen på Cloud Nine har inte hört av sig på sistone och jag har missat deras yearly-round-up releaser. Där… Nya Skanova.se släppt av Tieto 12/28/2010 Tieto har i december släppt Skanovas nya Skanova.se på en Oracle-lösning (!) med Cufon-stöd samt… inte så mycket mer.… Liferay från EdgeGuide och Castrix 12/27/2010 Efter att SBS och Kanal 5 samt Kanal 9 valde plattformen för mer än 3 år sedan har det… Clipsource.se vill ha betalt för videoklippen på er sajt 12/27/2010 Clipsource.se är en tjänst snarlik amerikanska BrightCove av Kamera.com-Dan Willstrand. Tjänsten vill bli ”ett svenskt alternativ till Youtube”. Men… SiteVision satsar på tjänstetörstande offentlig sektor 12/27/2010 De kommuner och landsting som gillar java, har javakunnig personal och troligtvis tidigare haft det som SOE kommer få… BraScandinavia.com släppt av Traffic Light WordPress 12/27/2010 Traffic Light med WordPress Developer Martin Peterffy berättar att de släppt Brascandinavia.com på WordPress CMS. Bra Scandinavia representerar, tex… Fritidsresor väljer WordPress CMS för nya sajten 12/23/2010 Ännu mer CMS-nytt från TUI Fritidsresor. De valde WordPress CMS när nya sajten Fritidsresor.nu/mads-mikkelsen på Fritidsresor.nu-domänen släpptes berättar David… ICA e-handelssatsar på Microsoft Commerce 12/23/2010 Senaste företaget som också väljer 2010 års .NET-succé Microsoft Commerce? ICA. Matjätten har valt installera en Commerce Server från… Tyresö går från EPiServer 4 till EPiServer CMS 6 12/23/2010 Avantime har redesignat och uppgraderat Tyresö kommuns intranät (min hemkommun). I uppdraget ingick att återimplementera externwebbfunktioner som nyhetslistningar och… Sogeti EPiServer Competence Center i Norrland dör? 12/22/2010 Svårt att få det bekräftat nu när alla är på julledighet, men får höra branschskvaller från norr att hela… Traffic Light bakom nya Keybroker.com på WordPress 12/22/2010 Webbyrån Traffic Light med WordPress Developer Martin Peterffy har släppt nya Keybroker.com hemsidan på WordPress CMS. Keybroker kallar sig… 2009-02-15T14:27:18.8270000Z

Blog post

EPiServer nyheterEPiServer<script src="http://feeds.feedburner.com/EpiserverPolopolyReddotSharepointDrupalWordpressEcmCmsWcmPortal?format=sigpro" type="text/javascript"></script>2008-11-03T09:12:44.0000000Z

Blog post

EPiServer - det händer i oktoberEPiServer <script src="http://feeds.feedburner.com/EpiserverPolopolyReddotSharepointDrupalWordpressEcmCmsWcmPortal?format=sigpro" type="text/javascript"></script>2008-10-16T16:29:25.1030000Z

Blog post

EPiServer nyheter 2008<script src="http://feeds.feedburner.com/EpiserverPolopolyReddotSharepointDrupalWordpressEcmCmsWcmPortal?format=sigpro" type="text/javascript"></script> <div class="feedburnerFeedBlock" id="EpiserverPolopolyReddotSharepointDrupalWordpressEcmCmsWcmPortal1419628"> <a href="http://edenstrom.wordpress.com">EPiServer nyheter</a> <ul> <li><a href="http://edenstrom.wordpress.com/2008/04/21/sharepoint-projektportal-till-skanska/" target="_blank">Sharepoint projektportal till Skanska</a> edenstrom Apr 21, 2008 <div>Microsoft Consulting Services, Microsoft “inhouse”, har släppt en portal för bättre projektkontroll för Skanska. Portalen, baserad på SharePoint Server…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/04/19/hogre-acceptans-for-tredjepartsprodukter-i-cms/" target="_blank">Högre acceptans för tredjepartsprodukter i CMS</a> edenstrom Apr 19, 2008 <div>Svenska nyhetssajter vågar ge tillverkare av tredjepartsprodukter (se t ex EPiMore) allt mer extern yta. Deras varumärken exponeras utåt…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/04/18/affarsvarldense-live-pa-escenic/" target="_blank">Affarsvarlden.se live på Escenic</a> edenstrom Apr 18, 2008 <div>Affärsvärlden var medvetna om sin “90-talssajt”. Både jag och nylanserade Va.se får svar på tar när Jon Åsbergs Afv.se…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/04/18/resumese-community-flopp-reklambloggar-engagerar-mer/" target="_blank">Resume.se community flopp - reklambloggar engagerar mer</a> edenstrom Apr 18, 2008 <div>Noggrant följde jag vinterns nylansering av Resume.se. Av andra anledningar än den nya designen. Viggo Cavlings gäng valde att…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/04/18/josh-utvecklar-for-iphone/" target="_blank">Josh utvecklar för iPhone</a> edenstrom Apr 18, 2008 <div>Communityutvecklarna Josh har tagit del av Apples iPhone SDK och har utvecklat XCAP MINI för iPhone. Via iphone.josh.se finns…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/04/17/inwarehousese-relanseras/" target="_blank">inWarehouse.se relanseras</a> edenstrom Apr 17, 2008 <div>inWarehouse.se, numera en del av norska Komplett, har lanserats på ny e-handelsplattform. Webbplatsen ska ha blivit snabbare och enklare med…</div></li></ul> <div id="creditfooter"><a href="http://www.feedburner.com" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Headlines by FeedBurner" src="http://www.feedburner.com/fb/images/buzzboost-pwrd.gif" /></a></div></div>2008-04-21T11:00:02.0470000Z

Blog post

EPiServer CMS nyheter <script src="http://feeds.feedburner.com/EpiserverPolopolyReddotSharepointDrupalWordpressEcmCmsWcmPortal?format=sigpro" type="text/javascript"></script> <div class="feedburnerFeedBlock" id="EpiserverPolopolyReddotSharepointDrupalWordpressEcmCmsWcmPortal1419628"> <a href="http://edenstrom.wordpress.com">EPiServer nyheter</a> <ul> <li><a href="http://edenstrom.wordpress.com/2008/04/02/vad-gor-episerver-framgangsrikt/" target="_blank">Vad gör EPiServer framgångsrikt?</a> edenstrom Apr 2, 2008 <div>Någon gång kring julen 2004 var jag på Finlandsgatan 38 för säljutbildning i EPiServer 4. Efter kursen pratade vi…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/04/02/nacka-valjer-sharepoint-moss/" target="_blank">Nacka väljer Sharepoint MOSS</a> edenstrom Apr 2, 2008 <div>Det verkar lossna för Microsoft Sharepoint. Införsäljningscykeln är lång. Men IT-offensiva Nacka kommun (vinnare årets årets IT-kommun 2003) har…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/04/02/riksbanken-pa-episerver/" target="_blank">Riksbanken på EPiServer</a> edenstrom Apr 2, 2008 <div>Duktiga Valtech har lanserat ännu ett stort statligt projekt på EPiServer. Denna gång är det nya Riksbanken.se. Sajten har,…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/03/31/massan-pa-natet/" target="_blank">Mässan på nätet</a> edenstrom Mar 31, 2008 <div>Idén om mässan på internet är tillbaka. Amerikanska Unisfair försöker lansera 365-dagars IT-mässan ExpoIT24 för svenska företag. Kortfattat handlar…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/03/31/cms-leverantoren-ansvarar-for-fungerande-seo/" target="_blank">CMS-leverantören ansvarar för fungerande SEO</a> edenstrom Mar 31, 2008 <div>Får extremt mycket frågor från CMS-kunder om SEO just nu. Och det är helt rätt! Bland konsulterna är det…</div> </li><li><a href="http://edenstrom.wordpress.com/2008/03/31/basta-statliga-webbplatserna-med-cms/" target="_blank">Bästa statliga webbplatserna med CMS</a> edenstrom Mar 31, 2008 <div>Halvarsson & Halvarsson har utsett årets statliga företagswebbplats. En ganska smal tävling inom främst CSR. Jag kan fylla i…</div></li></ul> <div id="creditfooter"><a href="http://www.feedburner.com" target="_blank"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Headlines by FeedBurner" src="http://www.feedburner.com/fb/images/buzzboost-pwrd.gif" /></a></div></div><noscript></noscript> Där har ni dem. Direkt från http://edenstrom.wordpress.com 2008-04-02T12:18:50.6270000Z

Blog post