Kentico Developer Issue 2

Kentico DeveloperIssue 2 October 2009

Smart Search PresentationRalph Spandl

From Wordpress to KenticoTutorial Series

Prematurity and the Birth of a magazineCandice Pendergast

002 ConTenT

Features

12 THe BIRTH oF A MAGAZIne

Candice Pendergast takes us through the unlikely pattern of events that led to the birth of Kentico Developer magazine.

16 SMART SeARCH PReSenTATIon

Ralph Spandl looks into the smart search functions of Kentico 4.1 with practical examples of how it can be used.

20 FRoM WoRDPReSS To KenTICo

Richard Pendergast kicks of Part 1 of the Wordpress to Kentico tutorial series with repurposing a theme.

ConTenT 003

Regulars

4 MY DeSK

Richard Pendergast is looking to get social, to kick off discussions, and to start building a team of regular contributers.

10 neWS

An update on trees for bugs, new faces at Kentico, Kentico Site of the Year, and other Kentico news from this month.

26 TIPS AnD TRICKS

Matt Lee explains several of the customisations available for the Kentico WYSIWYG editor - the FCK editor.

28 SHoWCASeS

Candice Pendergast begins profiling some of the latest and greatest sites using Kentico, and calls for submissions.

Published by

Not At All strANge Pty ltd

AbN 91 125 365 979Po box 353 MeNAi

NsW AustrAliA

eNquiries

subscriPtioN eNquiries: [email protected]

editoriAl eNquiries: [email protected]

AdvertisiNg eNquiries: [email protected]

coPyright keNtico develoPer 2009WWW.keNticodeveloPer.coM

004 eDIToRIAl

But I’m beginning to understand that at a time when social networking is becoming mainstream, we should just be looking to tap into the discussions that are already taking place, and to help bring them together so others can get involved.

Kentico are putting themselves out there, actively participating in Twitter discussions, interacting via Facebook, hooking up via LinkedIn, and blogging via the Kentico DevNet website. Count on us to begin doing the same.

We’re setting up shop within the various social networks our readers frequent, and inviting comment.

There may be teething issues while we learn the ropes of each platform, but we want to be where our readers are, and there when they have something to say.

When we first kicked off Kentico Developer, I had hoped that there might be value in me passing on my

experiences pulling together nearly 100 sites, and sharing the lessons I’ve had to learn the hard way while doing it.

I’m just one developer though, and what I’ve come to recognise though is that by tapping into our readership we can share the experiences of more than 700 Kentico partners and the lessons they’ve learned pulling together over 4000 websites.

Ralph and Matt already add depth and credibility to the team through their involvement, but now we’re looking for others to get involved. We’re seeking contributions - interviews, showcases, gossip, news, and opinion.

The next couple of months will see us producing the formative issues of Kentico Developer magazine, and we want to know what you want from us, what you want us to be.

You see I still believe in what we initially set out to achieve. I’m still keen to “provide a focus point, something to

get people talking and to bring them together”, but I no longer believe that this is best served by me just talking, and so I’ve started listening.

Send anything you’d like published to me or any of the guys listed on the contributers page. Email us if you want to follow up on something of interest, hassle us on Twitter or Facebook if you find something you don’t like, and comment on the website if you feel we could do something better.

Get involved - I’m looking forward to hearing from you.

Richard PendergastEditor

My Desk

Candice got me thinking when I read the story she put together for this month’s issue. She said that “the idea behind the magazine was that it would provide a focus point, something to get people talking and to bring them together.”

Richard [email protected]@kenticodeveloper.com

T: + 31(0)6 - 497 819 21E: [email protected]

W: www.avivasolutions.nlW: blog.avivasolutions.nl

Knowledge. People. Solutions.

Internet & Commerce - Business Intelligence - Information Worker - Application & Software integration - Custom Solutions & Software factories

When we went to look for a content management system for our customers we had two things in mind: it should be flexible for our customers as well as us, and it should be good value for money.

That’s why we like Kentico CMS. And so do our customers. It’s so flexible that we were able to integrate Microsoft Commerce Serve, creating a powerful e-commerce platform. But it’s also so flexible and easy to learn that we can create a new web site in two weeks.

So why don’t you contact us and see how we can help you save your piggy?

Save on your content management

advertentie aviva solutions Kentico-2.indd 1 21/08/2009 09:27:23

006 ConTRIBuTeRS

Contributors

Richard Pendergast

After years as a solutions architect, Richard has worked with various teams delivering nearly 100 Kentico based websites, and although new to the magazine business, Richard brings with him the passion required to drive the production of Kentico Developer. This month Rich-ard walks us through the first steps in re-purposing a Wordpress theme, and applying it to Kentico.

Candice Pendergast

A journalist by trade, Candice has worked with countless small businesses using Kentico to fuel their online strategy. As Features Editor of Kentico Developer, these two powers combine to bring you interesting and topical stories and news each month. This month Candice profiles Not At All Strange, and takes us back to the conception and birth of the Kentico Developer magazine.

ConTRIBuTeRS 007

Ralph Spandl

Ralph Spandl is the founder of r42, one of the original founders of Quattrocento, and has been arcitect-ing web based solutions longer than most of us have known about the web. Ralph regularly contributes to the Kentico Marketplace, and writes about his contributions within Kentico Developer. This month Ralph walks us through Smart Search presentation and Universal Pager transformations.

Matthew lee

Matthew Lee is one of the key developers behind the 70 or so sites built by Reed Business Information Australia on the Kentico platform. This depth of experience is what al-lows Matt to speak form experience when putting together his monthly compilation of Tips and Tricks. This month Matt explains several of the customisations available for the Kentico WYSIWYG editor - the FCK editor.

Kentico Developer is always on the lookout for guest contributions. Do you have extensive knowledge of Kentico? Do you have any tips and tricks you’d like to share? Are you someone capable of writing a tutorials? Are you interested in speaking with other developers and designers and pulling together anything from a gossip column to a fully-fledged interview?

We are interested in receiving any material relating to Kentico - from simple guides, or tips and tricks, through to full length feature articles.

Writing for Kentico Developer demonstrates thought leadership, and your talent in this space. Regular contributions promote you within the Kentico world in a way that would be otherwise very difficult to achieve.

We are thankful for any contributions, and hope to encourage interaction and to promote discussion within the community.

Send any material, expressions of interest, or questions regarding contributions to:

[email protected]

ConTRIBuTeRS 009

010 neWS

new additions to the Kentico team

If you’ve been keeping up with the Kentico blog lately you will have seen that there have been a couple new faces introduced this month. And notably, both from Microsoft.

One of these faces belongs to Michal Neuwirth who will be taking up post as the new Kentico Product Manager. Now in charge of Kentico product strategy and marketing Michal was previously an ISV Developer Evangelist for Microsoft Czech, a position which he held for around a decade. Now Michal is charged with keeping us Kentico developers and partners up to date with any of the new Kentico features, and for that matter will also be taking requests.

The other new face is that of Thom Robbins who joins Kentico as a Product Evangelist, responsible for spreading the word on Kentico and educating its users. Thom has an experience-rich background coming off nine years with Microsoft where he was one of the key people behind the success of the .NET framework and Visual Studio.

We’re excited to see what’s in store for Kentico with these two new hires – so here’s to the future.

Trees for bugs

I’m loving this initiative from Kentico – 41, no 42, no 46 trees to go in so far a number which I am sure I will have to update before we publish this issue (and I did, we’re up to 50 now!).

It’s become a bit of a contest on all fronts, with the in-house Kentico developers competing for who’ll plant the least trees meaning their parts have the least bugs. According

to Petr Passingr from Kentico, there’s Mr Bug-Free with only 5 trees to plant and a budding environmentalist that heads up the pack with 13 trees to plant.

What’s more, the initiative has come somewhat of an international bug Olympics, which the US having spotted the most bugs so far with 12, closely followed by the UK with 11 and my motherland Australia taking up third with 5 bugs reported.

The trees will be planted on Saturday 7 November in the Czech village of Snovidky, with the species of trees selected with the purpose to restore vegetation in the area.

Keep your eye out for a coming issue of Kentico Developer which will include a full length feature on the Trees for Bugs initiative and the planting of the trees.

Did you know?

The guys over at Kentico are into their social networking. You can become a fan on Facebook, join the Kentico Twitter Twibe, follow Kentico on Twitter, or become a member of the Kentico LinkedIn group.

Ȗ Facebook Fan Page http://bit.ly/4s95bu Ȗ Kentico Twibehttp://bit.ly/3N916V Ȗ Kentico on Twitter http://bit.ly/3SgPYB Ȗ Kentico LinkedIn Group http://bit.ly/3HShwQ

News

New trees, new people, and the chance to be a Kentico star. Yep, there’s plenty happening in the news this month.

neWS 011

In the Marketplace

Rich media is a must these days on any website which makes these two Web Parts added to the Marketplace recently by Little White Cloud come in really handy.

The first is a Flash Video Player, which allows you to host videos on your own site as opposed to embedding them from a site such as YouTube. What this Web Part does is allow you to wrap customisable playback controls around the Flash video file and customise the player’s size, behaviour and playback controls.

Then there is the Flickr Slideshow Web Part which makes it easy to embed an interactive slideshow into your site. All that’s needed is the ID number of the photo set that you want to create a slideshow for and you’re away.

Best of all, both of these Web Parts are free and are available in the Kentico Marketplace now.

You can read more about the new additions at:

Ȗ The Kentico Marketplace http://bit.ly/3fnFVK Ȗ Little White Cloud http://bit.ly/1LgfgT

Is your site Kentico Site of the Year 2009?

All Kentico developers sit up and take note – time is running out for your submit your site for its chance to be named Kentico site of the Year 2009. And according to Lenka Navratilova, Kentico’s Partner Program Manager, the competition will be an exciting one.

“There are already over 4000 sites running on the Kentico CMS, some of which are awesome and worth presenting”, says Lenka. “We want to give our partners and clients a chance to let other people (and potential clients) know how good their work is.”

With the deadline for submission extended to 31 October, entrants can submit their sites into one of a number of categories, such as Best Healthcare site, and Best Education site and can be nominated for reasons like best graphic design, largest site and best integration to name a few.

“In determining the finalists, we will consider the

technology that was used for web site development, interesting tools and new features as well as the challenges the developers had to face,” says Lenka. “We are very excited to learn about new interesting web projects completed in Kentico CMS.”

“We will choose 3 finalists in each category and create an online gallery on the Kentico website. Anyone can take cast a vote for the website of their choice,” adds Lenka. “There will also be as global winner who will be crowned Kentico Site of the Year 2009, which will be chosen through the voting and the categories.”

Make sure you visit the Kentico Developer site (http://bit.ly/2QTJpe) on November 1 to see a breakdown of the finalists, and watch out for the next issue of the magazine which will include a profile and a minin-interview of each finalists.

Ȗ Site Submissions http://bit.ly/I90rN

012 FeATuRe

Prematurity and the Birth of a Magazine

The beginning of 2004 saw Rich and I in well paid careers, with few commitments, few concerns, and a nice apartment in the centre of the city. The beginning of 2005 on the other hand saw us married, with a little girl, a house in the suburbs, and struggling to make ends meet.

It’s a common story, one that most people know. The birth of a child is a big change for anyone. The birth of a child with special needs is earth shattering.

I remember clearly a conversation I had with a nurse on what was supposedly a routine trip to the hospital for a checkup. She’d just let me know that I’d have to stay overnight for observation, and I was concerned that this might get in the way of the new job I was supposed to be starting the following week. Her response was a wake-up call and something I’ll never forget, “Honey, you’ll have your baby in a week. Ring and cancel”.

Your life changes at that point, and not in any of the ways you’d planned or expected. We moved closer to our families to draw upon the support we knew we’d need. Rich stopped working for three months, and we drove to the hospital and back (a two-hour trip), twice a day with packed lunches.

The thing that really got us through the days of not knowing if Charley would pull through, and if she did what complications she’d have to live with for the rest of her life, was the support of the other parents in the same situation.

Those other parents were given the same handouts laying out the same black and white percentages of how many babies die, how many have hearing and sight defects, how many go on to have muscular distrophy and other issues.

When we eventually left the hospital, the reality that I would not be able to work began to set in, and with

it came a sense of helplessness as our financial situation deteriorated, and a sense of loss as the career I’d spent so long nurturing began to disappear.

I needed a focus, and the lack of information we’d been able to discover on the web at that point provided me with one. I began to blog about our experiences, and over time, as others began to notice what I was doing and ask for help doing the same, the idea of putting together a self-serve blogging network for mothers evolved and with it mumspace.net was born.

We developed using WordPress MU, which we heavily customised to allow for connecting with friends, forming and managing groups, hosting photo galleries, and running discussion forums. This was before the days of Ning, BuddyPress, and others, and what we were doing began to gather interest fairly quickly.

Over the next 12 months, with

In a frank and confronting piece, Candice explains how Kentico Developer is, by and large, the result of her daughter Charley being born 11 weeks premature.

Story byCandice [email protected]@kenticodeveloper.com

FeATuRe 013

little to no marketing or development budget, mumspace.net became a thriving community of blogging mums.

So now we faced a new dilemna. We’d always said that mumspace.net would be free to users, and that it would be all about supporting other mothers, but the work involved in building and running the site was becoming a drain on our already tight budgets.

We were helping others build their business without having anything of our own.

This led to us setting up Not At All Strange, a company initially put together with the idea of building and deploying white-labelled social networking platforms.

We thought we were onto something. We were open sourcing everything at a time that others were still considering it. We were tapping into social networking API’s before the days of Sign in with Twitter, and Open Social.

We networked, we marketed, we worked really long days and even longer nights, but without being able to dedicate our time to it fully, we were swamped very quickly by newcomers to the space, and found ourselves turning down offers of corporate sponsorship because we did not believe we could deliver the quality of service these sponsors would require.

It’s an awful feeling when you put

your heart and soul into something and it begins to erode and fall apart. We were building something, but it was becoming obvious that we would not be able to continue with it. It tears you up, and it was hard on our marriage at a time when the company gave us a dream that allowed us to break out of the everyday that saw us poor, lonely, and feeling like we would never amount to anything.

As it so happened though, our work with mumspace.net didn’t go unnoticed. We’d always been approached by businesses, particularly small businesses, to help them with their online strategy and to assist than with building their websites, and while we resisted going down this road for a long time, believing that this is not where we wanted to go, the loss of direction that came with dropping of mumspace.net opened up to new ideas, and we jumped into it with a passion.

“It’s an awful feeling when you put your heart and soul into something and it begins to erode and fall apart.”

chArley ANd cANdice - the tWo feMAle fAces behiNd Kentico Developer MAgAziNe.

014 FeATuRe

The initial projects that we took on were simple, brochureware style sites. The designs were simple and the technical requirements were next to non-existent, so having worked so heavily with WordPress in developing mumspace.net, it was the obvious choice.

And it worked for the most part. Being open source you could usually find plugins, and when we needed help there were a plethora of developers you could call on. But as the work we took on became more complex, we started to run into problems.

The first and biggest of these problems was customisation. WordPress out of the box was great if you just wanted to blog. Some of the plugins were nice too – nicer still if you paid for them. But unless you wrote it yourself, anything extra you

wanted to do was unreliable. Our developers would find themselves playing around in someone’s sloppy code, and Rich would spend most of his time fixing things. On multiple occasions we would spend hours fixing code, realising by the end that it would have been easier and quicker to write the thing ourselves. Support was non-existent and eating up our profits and it was becoming difficult to predict the length of a project.

Ironically, our solution came in the form of a battle with another consultant. A new client of ours had also hired a management consultant who was on board with another CMS - Business Catalyst. Having completed another site for this client, he wanted us to create a portal that would firstly make a large amount of information available to a varied audience, but

also to integrate a particular payment gateway and allow for donations.

Unfortunately, Business Catalyst is a hosted solution, and the payment gateway work was work that we would therefore be unable to do ourselves or to guarantee. The requirements tied to the project were much of the same.

This left us in a nasty position. Business Catalyst was being pushed onto our client by the management consultant, but we weren’t convinced it was the right platform for the job, and not wanting to go down the same heavily customised path we’d been down before, we needed a solution fast, or we needed to walk away from the project.

It was around this time that Rich had started working with Reed Business Information, the largest publisher of sites using the Kentico CMS, and the architecting of a new unified codebase built almost entirely upon Kentico had exposed him to the real nuts and bolts

“Ironically, our solution came in the form of a battle with another consultant.”

couldN’t hAve PlANNed it better - A Writer ANd A Nerd coMe together to MAke the ideAl teAM for the lAuNchiNg of A develoPer MAgAziNe.

FeATuRe 015

of Kentico, and he was sold.The software was perfectly suited

to what we were doing, and appeared to be ideal for some of the other sites we were working on, so we purchased our first server license, sold the idea to the client and put our first Kentico-based site live in November 2008.

The next phase of Not At All Strange saw us using Kentico for all of our sites, and gradually migrating almost all of our existing sites to Kentico. We built brochureware, directories, and e-commerce sites. We’ve integrated payment gateways and 3rd party systems, tapped into external APIs, and rendered output graphically via Google Maps.

I guess what happened next is something that we should have expected, but nevertheless it came as a very cool surprise to us both – people and companies we did not know and that we’d had no prior dealings with began approaching us for ideas, and to discuss techniques regarding Kentico development. This kind of feedback has to make you feel good, and the frequency of it started kicking off new ideas.

At this point Kentico Developer magazine came about as an almost natural progression.

We’d always wanted to start a Kentico users group to allow us to get in touch with other developers and designers working with Kentico, and begin to share ideas and to discuss best practices.

Finding these other developers and designers though, and engaging them enough to encourage them to participate proved to be something else entirely.

Coming from an open source background, it feels weird to find the exact opposite problems we used to face. Open source software has an awesome community and really crappy support. Enterprise software has awesome support and an almost non-existent community.

The idea behind the magazine was that it would provide a focus point, something to get people talking and to bring them together so that user groups could begin to form around the discussions. We were simply looking to pull together a similar community to that we were used to.

Since then though the magazine has taken on a life of its own, and the company that we started to develop social networking solutions has shifted focus entirely.

We now provide Kentico training and developer support, and that’s all we do.

Our training courses have taken off, there’s more call for our consulting services than we have people, and we have a couple of things in the pipeline that I’m really looking forward to rolling out.

It hasn’t been a smooth ride though. We’ve had to drop any client work because it would see us competing with the developers that we support, a tough decision that sits right up there with the dropping of mumspace.net.

We’re moving away from what built the company up in the first place, but toward something that I really believe in.

This week will see us offering our first online courses, something that Rich has been developing over the last couple of months, and that I hope he

does well with it.It seems to be a good idea, and

he’s really excited about it. He’s putting together three six-week courses which he’s going to run as weekly webinars, emailing out supporting material and giving students their own Kentico sandbox to work in.

We will also be rolling out our new website. It’s a big week. We don’t even have a holding page at this point. I had the guys take it down as I did not want to be presenting our service as something it no longer is. I hate having no website though, and am already getting emails asking me if I know it’s down.

Having Rich developing training modules at the moment is good for another reason, as it means I can step in and begin to really run with the magazine while he does it.

His background is heavy Kentico development. Mine is in magazines. He’s always thinking about tutorial pieces and training, while I’m looking for the human interest piece. He likes to do things himself, while I look to others for support and will be making sure that both Kentico and the developers we support are involved.

I’m hoping the next month or so will allow us to bring the best of us both together.

016 FeATuRe

Story byRalph Spandl@[email protected]

The smart search is one of the great new features introduced in Kentico 4.1. While I have covered the basic functionalities in a recent blog post, and the setup of the search module is very well covered by the Kentico documentation, let’s take a look into the possibilities of customizing the look of the search results.

How much control do you have?

Without considering the search form, there are two parts that can be customised - the search results and a new pager model that I have noticed for the first time in this form. The exact same pager is also available as a separate web part, called “Universal Pager”. So if you customise this pager once, you can use it all over your site.

The search results

The main features of the user-friendly search results are highlighted keywords in search results, the possibility to display additional information, formatted dates and a relevancy bar.

If you have a look at the smart search transformation, you will notice a couple of new functions:

• SearchHighlight allows you to highlight the searched keywords in a string. With this function the user can quickly see in which context the keyword was found in the search result.• TextHelper.LimitLength (which was probably already

Smart Search presentation

Ralph Spandl talks us through customising the look of search results with Kentico 4.1 and the user-friendly smart search.

FeATuRe 017

The pager

The new pager might go unnoticed. The pager that ships with the standard version is quite grumpy and not very user-friendly, because the numbers are very close together.

What can be done with the new pager model? I would say everything you can think of! At the moment I don’t see a case that can’t be built with this web part. Let’s look at the pager I built for this tutorial:

1+2: Results currently shown and total results found3: Current page4: Other pages5. Next page group6. Last page7. Previous button (here disabled because it is the first

record)8. Next button9+10. First page/previous page group, in the case the

user has advanced to the next page group.11. Now next and previous buttons are links.

This layout is possible because the new pager is very modular. Each of the elements shown above has their own (!) transformation. These transformations can then be organized in the layout transformation.

I have made the source code available in the Kentico Marketplace. I only had to make a few changes to the single transformations. The bulk of the changes are applied to the layout and of course the style sheet. Keeping the transformation as simple as possible also means that you can style the footer in many different ways, while using the same transformations.

available before version 4.1) allows you to limit the text length of the returned result text. • HTMLHelper.StripTags eliminates all HTML tags from a string to better control their display.

If you combine these three functions together, you end up with this nested expression that returns the first 280 characters of search result and adds a span tag with a CSS class around the searched keywords (see point 1):

<%# SearchHighlight(HTMLHelper.HTMLEncode(TextHelper.LimitLength(HttpUtility.HtmlDecode(HTMLHelper.StripTags(GetSearchedContent(DataHelper.GetNotEmpty(Eval(“Content”), “”)), false, “ “)), 280, “...”)),”<span class=\”search-hilite-back\”>”,”</span>”) %>

This function ships with the standard transformation. Now you can adapt it to your own needs. In my example I am using it to also display the page title of the document instead of the URL path (point 2). If the page title should be empty (very rare case), I replace it with r42 communication, or anything else.

<b><a href=”<%# SearchResultUrl(true) %>”><%# SearchHighlight(HTMLHelper.HTMLEncode(DataHelper.GetNotEmpty(Eval(“Title”), “r42 communication”)),”<span class=\”search-hilite\”>”,”</span>”) %></a></b>

Somehow the engine does not return every time a text result, for this reason, I always display the content of the page’s Meta description tag. For this to work, you can use the GetSearchValue function. Of course, always check, if there is any content to be displayed (see point 3).

<%# IfEmpty(GetSearchValue(“DocumentPageDescription”), “”, “<b>” + CMS.GlobalHelper.ResHelper.GetString(“r42.aboutthisdocument”) + “:</b> “ + GetSearchValue(“DocumentPageDescription”)) %>

If you want to format the date/time format, make sure you do not use this function:

<%# GetDateTime(“Created”, “D”) %>According to the Kentico support team, the ‘Created’

field is not standard date time field - it’s field from ‘Lucene.NET’ so it need to be handled in slightly different way than standard date time fields from Kentico CMS.

The solution, however is easy enough:<%# FormatDateTime(Eval(“Created”), “D”) %> does

exactly what we want. The advantage of using this method to write dates, is that it will be automatically localized (see point 4).

The relevance bar is available in the standard transformation. I only extracted some style definitions and stored them into my style sheet (see point 5).

018 FeATuRe

Conditional Transformation

I only want to have a quick look into the transformation of the previous and next button because it applies a technique recently discussed by Matthew Lee, the conditional transformation.

To make sure, the next button is not shown on the last page, I compare the value of “LastonPage” with the total number of items shown. If there is a match, I do not display a link, but only a box. All the rest is done via style sheets.

<%# Convert.ToInt32(Eval(“LastonPage”))== Convert.ToInt32(Eval(“Items”))? “<span class=\”next\”> </span>”:”<a href=\”” + Eval(“NextURL”) + “\” class=\”next\”> </a>” %>

Same applies to the previous button, here we have to make sure that FirstonPage does not equal 1.

<%# Convert.ToInt32(Eval(“FirstonPage”))== 1? “<span class=\”prev\”> </span>”:”<a href=\”” + Eval(“PreviousURL”) + “\” class=\”prev\”> </a>” %>

Download the code

All of the code discussed here is available for download from the Kentico Marketplace.

Ȗ http://bit.ly/4rUUu6

Tomorrow starts today

Building web sites is not the problem anymore.

The real challenge is to build sites that can not only be easily updated by non-technical personnel, but that are also flexible enough to be adapted to the constantly changing environment of the web.

r42 uses Kentico CMS to built web sites.

We are convinced of the power and the flexibility of this

content management system, and we love and value the

unparalleled support and customer relationship.

Our experience is that Kentico has two open ears for its partners,

and that’s why we are proud to become a Kentico Gold Certified Partner.

.CAr42

Ralph Spandl – founder of r42 communication

To learn more visit www.r42.caInteractive branding agency

020 TuToRIAl

Wordpress to KenticoRe-purposing a theme - part 1

When a Wordpress site gets out of hand, there comes a point where another platform is needed. Here is first of our how-to series - migrating a Wordpress site to Kentico.

Tutorial series byRichard [email protected]@kenticodeveloper.com

In this first installment of our Wordpress to Kentico tutorial series we will be covering the basics of taking an existing design and applying it to Kentico.

The techniques involved form the basis of skinning a Kentico site, and are used in the development of new Kentico site templates.

We will then build upon these techniques over the next three issues, taking two existing Wordpress themes and using them as the basis for two new Kentico site templates.

The material covered here will be introductory and I’ve made an effort to simplify what is covered, but rest assured that over the next 3 issues we will develop two complete Kentico site templates and that both will be made available for free download via the Kentico Marketplace.

So, getting started, there are five basic steps to taking an existing design and making it work with Kentico.

1. Get your hands on a working demo of the theme2. Download a working copy of each page3. Prepare the downloaded files for Kentico4. Get everything working within Kentico5. Add zones and web parts

I am assuming that you have an empty Kentico website

to work with, or that you have a Kentico website that you are happy to make signifcant changes to.

1. Get your hands on a working demo

This is probably the most complex task involved in the process, in that it requires the setting up of a Wordpress site, the downloading and applying of the theme, the configuring of the theme once it is applied, and the loading of sample content.

Try and shortcut this step if you can by finding a working demo site. Most reputable theme designers now offer this, and if you’re looking to use a Wordpress theme, it’s rare that you won’t be able to track one down.

I found two, one for each of the themes we will be working with:

Ȗ Arthemia http://michaelhutagalung.com/arthemia/ Ȗ Masigasig http://www.paddsolutions.com/wpmag/masigasig/

TuToRIAl 021

2. Download a working copy of each page

In order to download the HTML, CSS, Javascript, and images associated with any given page I recommend downloading and installing a Firefox add-on named Save Complete.

This plugin saves a lot of time that would otherwise be spent downloading each piece, and it is one of the few tools I’ve found that pulls down background CSS images.

You’ll then need to identify the types of page used by the theme. Typically you’ll find that a Wordpress theme will have a home page, a post page, a category page, a search results page, and an archive page, but Wordpress supports many more so don’t be surprised to discover others.

Arthemia provides a home page, a post page, a category page, and a search results page that we’ll be implementing.

Once you’ve identified each you need to pull down a local copy of it so that you have something to work with.

Begin by creating the following directories on your local filesystem:

arthemiaarthemia/origarthemia/imgarthemia/cssarthemia/js

Then we can kick things off by downloading the home page.

To do this, navigate to:

http://michaelhutagalung.com/arthemia/

and select File / Save complete page as from within Firefox, saving the page as

arthemia/orig/home.html

Navigate to

http://michaelhutagalung.com/arthemia/2009/04/aenean-nisl-elit-dapibus-a-porta-tincidunt

and save the page as

arthemia/orig/post.html

Navigate to

http://michaelhutagalung.com/arthemia/category/featured/


arthemia/orig/category.html

Navigate to

http://michaelhutagalung.com/arthemia/?s=lorem


arthemia/orig/search.html

3. Prepare the downloaded files for Kentico

Copy all images from each of the directories within arthemia/orig to the arthemia/img directory.

Copy all of the CSS files from each of the directories within arthemia/orig to the arthemia/css directory.

Copy all of the Javascript files from each of the directories within arthemia/orig to the arthemia/js directory.

Don’t worry if you are asked about replacing files. We only need a single copy of each file, and there is every likelihood that when copying the files from each page into a single directory you’ll run into files used by more than one of the pages. I’d actually be worried if this wasn’t the case.

You may discover that several image files contain querystring parameters within the filename. These should be removed in the copies you create.

For example

3.jpg&w=150&h=150&zc=1&q=100

should be renamed

3.jpg

What we’ve just done is setup the directory structure that will make up our theme, and that will eventually be uploaded to the server hosting your Kentico site.

Now make a copy of each of the HTML files within the arthemia/orig directory and place it in the arthemia directory.

These are the copies that we will begin to modify. Edit each of the HTML files using the text editor or HTML editor of your choice. Notepad on the PC, and Textpad on the Mac

022 TuToRIAl

work if you have nothing else on-hand. If you are doing this fairly frequently, you’ll want an editor with syntax coloring and the ability to recognise closing tags, making the work much easier and more efficient.

Remove anything up to but not including the opening body tag within each file, and anything after but not including the closing body tag within each file - Kentico will add the HTML, body and head tags later.

Both the HTML files and the CSS files should now have any links updated with the reference paths that we know will exist, rather than those created by Firefox.

Do a search for .png within each of the HTML files and each of the CSS files, replacing the path of each URL that you find with /App_Themes/Arthemia/img/

For example, replace

home_files/logo.png

with

/App_Themes/Arthemia/img/logo.png

Then do the same for .jpg files, and .gif files, searching each out, and appending the correct path. As we did earlier, keep your eyes out for querystring parameters within the filename and remove them where you find them.

Kentico best practice is to store any them files within a directory named /App_Themes/<stylesheetname>/

Any files stored here will be automatically packaged with the stylesheet if we export it later as a site template.

The arthemia directory should now be uploaded to the server hosting your Kentico site, and should be placed into the /App_Themes directory as follows:

/App_Themes/Arthemia/App_Themes/Arthemia/orig/App_Themes/Arthemia/img/App_Themes/Arthemia/css/App_Themes/Arthemia/js

The /App_Themes/Arthemia/orig directory can be deleted at this point, as we do not need to store our original downloaded files on the server. We have them stored locally if we need them.

4. Get everything working within Kentico

Open the CMSSiteManager of your Kentico website. Select the Development tab, and select CSS stylesheets. Create a new stylesheet named Arthemia.

We will be doing things a little differently to what you may expect. Rather than adding our CSS here, we will be storing calls to import the stylesheets we already have.

We work out which files to import by opening /arthemia/orig/home.html and searching for references to .css files. For each that reference you find, add an import statement to the newly created Arthemia CSS stylesheet.

For example, A reference of the following form

<link rel=”stylesheet” href=”home_files/style.css” type=”text/css” media=”screen” />

should be added as an import similar to

@import url(“/App_Themes/Arthemia/css/style.css”);

So what you should end up with in this case is:

@import url(“/App_Themes/Arthemia/css/style.css”);@import url(“/App_Themes/Arthemia/css/pagenavi-css.css”);@import url(“/App_Themes/Arthemia/css/preview.css”);

Now we have our stylesheet we need to prepare our page templates.

Firstly, create a page template category under which we can store all of our page templates.

Open the CMSSiteManager of your Kentico website. Select the Development tab, and select Page templates. Select the Page templates root node, and select New category. Name your category Arthemia, giving it a code name of Arthemia.

Select your newly created Arthemia node, and select New template. Name the new template Master Page, and give it a code name of Arthemia Master Page.

When your page template is created, it will be given a template type of ASPX page by default. Change this to Portal page and save your changes.

Once the page template is given a template type of Portal page, extra tabs become available. Select the layout tab, copy the entire contents of the home.html file into the custom layout text area, and save your changes.

Select the Sites tab and make sure that te page template is enabled for your site. If it is not, check the box next to

TuToRIAl 023

your website, and save the change.Create another page template. Name the new template

Home Page, and give it a code name of Arthemia Home Page. Change the template type to Portal page and save your changes.

Select the layout tab, copy the entire contents of the home.html file into the custom layout text area, and save your changes. Select the Sites tab and make sure that the page template is enabled for your site. If it is not, check the box next to your website, and save the change.

Create another page template. Name the new template Post Page, and give it a code name of Arthemia Post Page. Change the template type to Portal page and save your changes.

Select the layout tab, copy the entire contents of the post.html file into the custom layout text area, and save your changes. Select the Sites tab and make sure that the page template is enabled for your site. If it is not, check the box next to your website, and save the change.

Create another page template. Name the new template Category Page, and give it a code name of Arthemia Category Page. Change the template type to Portal page and save your changes.

Select the layout tab, copy the entire contents of the category.html file into the custom layout text area, and save your changes. Select the Sites tab and make sure that te page template is enabled for your site. If it is not, check the box next to your website, and save the change.

Create another page template. Name the new template Search Page, and give it a code name of Arthemia Search Page. Change the template type to Portal page and save your changes.

Select the layout tab, copy the entire contents of the search.html file into the custom layout text area, and save your changes. Select the Sites tab and make sure that the page template is enabled for your site. If it is not, check the box next to your website, and save the change.

And now that we’ve created all of the basic building blocks, we can begin putting things together.

Open the CMSDesk of your Kentico website. Select the root node of the content tree, press Edit view, select the properties tab, select the general tab, select Arthemia in the CSS stylesheet dropdown list, and save your changes.

Select the Template tab and press the Select… button

next to the current template. Choose Categories->Arthemia->Master Page and press the OK button.

Select the page tab at this point, and you should see that we now have the beginnings of a working page.

5. Add zones and web parts

So we have the beginnings of a working website, but we have zero functionality. Step 5 is the fun part, and is all about beginning to tap into the CMS functionality of Kentico.

In essence what this involves is making pages from the page templates we’ve created, and finding pieces of the page that can be replaced with Kentico zones and web parts so the end user is able to dictate the content and behaviour of the site pages.

Let’s begin by setting up the master page with the page placeholder web part.

Looking at the html of each of the pages, it seems that under this theme a page is made up of the following pieces

<div id=”head” class=”clearfloat”>…</div><div id=”page” class=”clearfloat”>…</div><div id=”front-popular” class=”clearfloat”>…</div><div id=”footer”>…</div>

The page div is the only one that really changes substantially across the pages we donwloaded earlier, so what we will do now is replace everything contained within the page div of the master page template with a zone into which we can place Kentico web parts.

Open the CMSSiteManager of your Kentico website. Select the Development tab, select Page templates, expand the Arthemia page template category, select the Master Page page template, and the layout tab.

Remove everything between

<div id=”page” class=”clearfloat”>

and

</div> <div id=”front-popular” class=”clearfloat”>

replacing it with

<cc1:CMSWebPartZone ID=”zoneMain” runat=”server” />

Open the CMSDesk of your website. Select the root

024 TuToRIAl

node of the content tree, press Edit view, and select the design tab.

Add a Page placeholder web part to the new zone you just created by clicking on the green plus sign at the right side of the orange bar, and selecting Page placeholder which you will find within the General category.

The Page placeholder web part performs only one function – it lets Kentico know where to load the content of any child page inheriting this layout. This means that any child page which does not override this behaviour will now automatically include the header and footer of this page.

Think of it this way – What is happening is that you are telling Kentico that everything on this page should be included when any child page is displayed, and that the the child page itself should be inserted here.

Let’s take this further.Open the CMSDesk of your website. Select the root

node of the content tree, press the New button, select Page (menu item), and create a new page named Home using the Home Page template which you will find beneath Categories and then beneath Arthemia.

What you’ll find now is that if you select the page tab, you can actually see where the home page has been inserted into the HTML of the master page right where we put the Page placeholder web part, and if you select the design tab this becomes even more apparent.

In order to fix the duplication of HTML, we just need to do the reverse of what we did earlier.

Open the CMSSiteManager of your Kentico website. Select the Development tab, select Page templates, expand the Arthemia page template category, select the Home Page page template, and the layout tab.

Remove everything except what you find between


and


The reason we do this is that we do not need to include anything except for the page specific content. Everything else is already part of the master page.

Repeat this for the other pages we will be implementing.

Open the CMSDesk of your website. Select the root node of the content tree, press the New button, select Page (menu item), and create a new page named Post using the Post Page template which you will find beneath Categories and then beneath Arthemia.

Open the CMSSiteManager of your Kentico website. Select the Development tab, select Page templates, expand the Arthemia page template category, select the Post Page page template, and the layout tab.



and


Open the CMSDesk of your website. Select the root node of the content tree, press the New button, select Page (menu item), and create a new page named Category using the Category Page template which you will find beneath Categories and then beneath Arthemia.

Open the CMSSiteManager of your Kentico website. Select the Development tab, select Page templates, expand the Arthemia page template category, select the Category Page page template, and the layout tab.



and


Open the CMSDesk of your website. Select the root node of the content tree, press the New button, select Page (menu item), and create a new page named Search using the Search Page template which you will find beneath Categories and then beneath Arthemia.

Open the CMSSiteManager of your Kentico website. Select the Development tab, select Page templates, expand the Arthemia page template category, select the Search Page page template, and the layout tab.

TuToRIAl 025



and


So now we have four pages, and 5 re-usable page templates from which other pages can be built. What we do not yet have though is anywhere to dynamically add content, or to add the web parts that provide the real power of Kentico.

Let’s take care of that now.Open the CMSSiteManager of your Kentico website.

Select the Development tab, select Page templates, expand the Arthemia page template category, select the Post Page page template, and the layout tab.

Replace

<h2 class=”title”>Aenean nisl elit, dapibus a, porta tincidunt</h2>

with

<cc1:CMSWebPartZone ID=”zoneTitle” runat=”server” />

and save your changes.

Replace everything between

<div class=”entry clearfloat”>

and

</div><div id=”tools”>

with

<cc1:CMSWebPartZone ID=”zoneBody” runat=”server” />

and save your changes.

Open the CMSDesk of your website. Select the post page in the content tree, press Edit view, and select the design tab.

Add an Editable text web part to the zoneTitle zone you just created by clicking on the green plus sign at the right side of the orange bar, and selecting Editable text which you will find within the Text category.

EnterText box

into the Editable region type textbox.

Enter

<h2 class=”title”>

into the Content before textbox.

Enter

</h2>

into the Content after textbox.

Add an Editable text web part to the zoneBody zone you just created by clicking on the green plus sign at the right side of the orange bar, and selecting Editable text which you will find within the Text category.

EnterHTML

editor into the Editable region type textbox.

If you now select the design tab, you will find that what you’ve just done is to create a page that is editable by the end user, and perhaps more importantly, you have done this by creating a page template which can be re-used.

Open the CMSDesk of your website. Select the root node of the content tree, press the New button, select Page (menu item), and create a new page named Post2 using the Post Page template which you will find beneath Categories and then beneath Arthemia.

Select the page tab, and you’ll find that you now have another page editable by the end user.

It’s that simple. The techniques do not get harder. The next pieces of the puzzle simply come down to knowing the web parts that are available and how they can be used.

So what’s next?

In the next installment of our series we will begin breaking down the elements of a Wordpress site, exploring many of the available web parts in the process, tapping into several Kentico modules, and putting it all together.

026 TIPS AnD TRICKS

Tips and Tricks byMatthew [email protected]@kenticodeveloper.com

Customising available toolbar buttons

Every now and then, we want to allow users to input rich text but want to keep the data simple, and want to provide only a small selection of buttons. eg. bold, italic, and indent.

This is something that can easily be done very easily by editing the fckconfig.js file. The following steps will create a new toolbar set named “Simple”, which will include only 5 basic buttons.

Open the fckconfig.js file which you can find under

\CMSAdminControls\FCKeditor\

and enter the following in the ToolbarSet section

FCKConfig.ToolbarSets[“Simple”] = [[‘Bold’,’Italic’,’Underline’,’OrderedList’,’UnorderedList’]] ;

Save your changes.

We now have a toolbar set, but we have not yet applied it. Edit an existing bizform or document type form and create a new field with the following properties

attribute name: Contentattribute type : Long TextField Caption : Content

Field Type : HTML Area (formatted text)HTML editor toolbar set : Simple

Clear the cache in your browser to make sure the new FCKEditor configuration is loaded, and open the bizform. You should now see an FCKEditor with a toolbar containing only 5 buttons. The buttons available for inclusion can be found in the FCKEditor documentation.

Different toolbars for different users

Assume for a second that we have 2 roles, public_user and internal_staff, and that we want to display different toolbar sets for these 2 roles on the same page.

We can do this by making use of alternative forms and using roles to determine which form is displayed.

This means that we can provide a public user with a simplified toolbar set containing only a couple of buttons, and an internal staff member with a comprehensive toolbar set.

Create a Bizform named “Sample_BizForm”, and add all of the fields you’d like captured, making sure to enter

Tips and Tricks

Make the FCKEditor Prettier and More User-Friendly In Kentico.

The HTML editor toolbar Set property can also be set in editable text webparts.

TIPS AnD TRICKS 027

“Simple” in the HTML editor toolbar set property for the long text field which will use the editor.

Then add an alternative form named “Internal“, making sure to enter “Comprehensive” in the Toolbar set property for the long text field which will use the editor.

Of course this assumes that you have already created two toolbar sets, named “Simple”, and “Comprehensive”.

The next step is to then add two bizform web parts to a page, with the following properties

Web part 1

Web part control ID: biz_publicDisplay to roles: public_userForm name: Sample

Web part 2

Web part control ID: biz_publicDisplay to roles: internal_staffForm name: SampleAlternative form name: BizForm.Sample_Bizform.Internal

What you end up with is:

• a bizform web part which is displayed to any public_user, that uses the default bizform, and along with it the Simple toolbar for the FCKEditor• a bizform web part which is displayed only to internal_staff, that uses the alternative bizform, and along with it the Comprehensive toolbar for the FCKEditor

Styling the editor

Another web part property which can be used to customise the look and feel of the FCKEditor is the HTML editor css stylesheet property, wich applies a specific stylesheet to the FCKEditor and making it prettier, and more consistent with the rest of your website.

By default, the Formatted text HTML area field does not apply a stylesheet, meaning that styles (e.g. font size, color , etc) tend to be quite different from the rest of the website.

The Editabletext webpart uses the default website stylesheet, which in many cases makes the FCKEditor look weird and out of place, especially when there is background image style rule.

The fix for this is pretty straightforward. If you create a new stylesheet in Kentico especially for the FCKEditor, you can choose how things appear, copying major styles from the site stylesheet in order to have the editor fit in with the rest of the site.

As a very interesting alternative, it is possible to configure the editor not for final output, but to highlight instead what is happening at the time of input.

WYMEditor (wymeditor.org) styling for example allows the user to see exactly where styles have been applied, where paragraph blocks begin and end, and where line breaks have been used instead of paragraphs. WYMEditor styling is achieved by appying a simple stylesheet and making use of the FCKEditor’s Show Blocks function - see customising behaviour.

Customising behavior

Within FCKConfig.js, there are some properties which are worth look at. By changing these setting, it is possible to make your editor more user-friendly.

FCKConfig.EnterModeBy default a line break is generated by the editor when

the enter key is pressed, but it is possible to instead begin a new paragraph, or a new div.

FCKConfig.ShiftEnterModeBy default a paragraph is generated by the editor when

the shift key is pressed along with the enter key, but it os possible to instead generate a line break, or a new div.

FCKConfig.RemoveFormatTagsWhen set, the FCKEditor will remove the specified

HTML tags from the outputted content.

FCKConfig.StartupShowBlocksDisplays HTML blocks visibly to the user when set.

After you edit the fckconfig.js, remember to clear the cache in your browser to make sure the new configuration settings are applied.

028 SHoWCASeS

Featured Showcases presented byCandice [email protected]@kenticodeveloper.com

Showcases

There’s nothing as inspiring as a really well done, well designed, well architected site. And with over 4000 sites running on the Kentico CMS, there are some beauties worth talking about.

This month we’ve pulled a couple of case studies from the Kentico Devnet website,.

Congratulations to Ivisual, Egghead Design, and Baiteng Technology on your achievements, and thanks for being our first showcased contributers.

I have to say that I’m really looking forward to writing up some of the sites being submitted for Kentico site of the year. I expect to see some examples of really inspirational stuff, and from what I’m hearing there is some crazy technical work going on, as well as great design.

Let us know if you have something you’d like to see showcased by dropping us a line at:

Ȗ [email protected]

Each month we will be showcasing some of the latest and greatest sites developed using Kentico. We will be monitoring social media channels keeping an eye out for new releases that we really like, but at the same time we will be encouraging our readers to submit sites they find particularly appealing.

We’re looking for sites that inspire. We want to see things done differently, or very very well - great looking sites, sites that use a lot of the functionality of Kentico, sites that stretech the boundaries of what can be done with Kentico, and sites that just answer a client brief really really well.

We want to be able talk about and highlight the who, what, why and how of a site - who did the work, what was done, why was it done, and how was it done?

We’re looking to understand why a site created, why Kentico was chosen as a development platform, how is Kentico being used to achieve objectives, and how the site satisfies key requirements.

If you think you’ve come across something that would be interesting to other Kentico Developers, let us know. If you’ve seen something you think is worth showcasing, point it out. We’d love to hear from you.

Drop us a line, or head over to the Kentico Developer website and fill out the Submit a Case Study page.

SHoWCASeS 029

Benefits

The editing team appreciate the easy to use interface of Kentico and make full use of the structured documents created by Egghead within the Kentico framework. This allows them to quickly create content, without having to worry about the technicalities of formatting it. The inbuilt workflow solution allows them to ensure that each document is be approved before it is published.

“In our business, scientific publishing, there are four key pillars to success - content, functionality, distribution and design,” says Dean Graimes, Publishing Director for Seperation Science. “Egghead have helped Eclipse develop a site that is crisp in design but also has a strong engineering element, through the database search engine.”

Key criteria for selecting Kentico CMS

Following a recommendation, Eclipse appointed Egghead Design to design and build the site. Egghead adopted the Kentico Content Management System because of its ease of use, scalability, robustness and extensibility, and Separation Science has been a success for Eclipse from launch.

Separation Science

Ȗ Separation Science website http://www.sepscience.com

Ȗ Egghead Design Ltd http://www.eggheaddesign.co.uk

Goals

Separation Science is a digital publication that provides insights into the latest published research and technical applications in chromatography, capillary electrophoresis, mass spectrometry, sample preparation, data handling and QA related topics.

When its owners, Eclipse BM, decided to launch a companion website to support the publication, they wanted the site to be very information rich as their team of editors are constantly generating content. They also needed specific search functionality to help users find relevant articles and the ability to add other revenue streams such as job advertisements.

Solution

The site is easy to navigate and find content using a several intuitive content signposting mecha- nisms and the extensive search facilities provided by Kentico – and enhanced by Egghead – allow the site to become a rich information resource within the industry. Egghead also developed an easy to use job vacancy system for the site that provides an additional useful revenue stream for Eclipse.

030 SHoWCASeS

branding they had designed for EuroKing. The format of the site was chosen and agreed upon and once it was developed, handed over to EuroKing for them to enter their new content. The easy-to-use Kentico editor made life simpler for their Marketing Manager, who found the updating of the site to be simple and intuitive.

“Another big advantage for EuroKing is that the “look and feel” of the site is controlled by bespoke templates developed by Ivisual, so there’s no danger of accidentally changing the format of the page, ensuring our website is consistent throughout” says Amanda Sibley and adds: “Of course our financial people are happy, as we have managed to cut our website management costs, because we have chosen a Content Management System”.


For the future EuroKing are looking at introducing a customer area, where in- dividual customers can logon to their own personal customer area. They also want to be able to form forums and manage newsletters. Knowing that Kentico could manage these requirements confirmed their decision to go with Ivisual and Kentico.

EuroKing Ȗ EuroKing website http://www.euroking.com/

Ȗ Ivisual Ltd www.ivisual.co.ukt

Goals

Ivisual decided to use Kentico for the Content Management System as they found it to be a reliable and flexible solution. They had developed in Kentico previously and found that its rapid development environment was easy to use and there was no need to purchase additional software or components.

Challenges

Euroking Marketing Manager, Amanda Sibley wanted to be able to easily update the site herself with press releases, news, polls, events and general content.

Security was also an issue for EuroKing, they wanted to ensure the integrity of the site and were pleased to know that the site could be set up to grant groups for users permissions for particular site sections.

Once it was demonstrated to EuroKing, they decided to go ahead with the site based on the Kentico CMS-Content Management System.

Solutions

Ivisual quickly developed the site and used the new

SHoWCASeS 031


The client chose to go with the Kentico CMS as they liked the mature and easy database interface, as well as the easy and simple transformation mode with the filter.

Another reason was that it allowed for hood website management, great user control and page template reuse scalability.

XiaGuo Ȗ XiaGuo website http://www.jsxiaoguo.com

Ȗ Baiteng Technology http://www.5ipatent.com

Goals

The goals of the site were to help construct an information cloud about new technologies, patents, inventions, talents, and other knowledge resources, as well as facilitate technology transfer, and improve the utilization of the existing capacity of the knowledge networks in China.

While its short-term goals included a full-text search engine, service matching engine, server push, webIM, and other information services, its long-term goals were a vertical search engine, larger information cloud matching engine and a knowledge community

Challenges

The site posed several challenges. The first was that the project needed to include custom

development of the personalized full-text search engine and the personalized URL jump. Luckily both of these proved to be very easy and were quickly integrated within Kentico CMS.

Another challenge that was solved was the personalising the result from the full text search engine.

Documents

Kentico Developer Issue 2