Tony Mamedbekov Components, front

Sitecore: Create your first rendering component

We are going to be creating a rendering component. It will be a very simple component, you will have an idea how everything works, and then you will go ahead and create something more complex.

First things first is the checklist:

  1. Create a physical file in the path inetpub\wwwroot\tonySample\Website\xsl. 
  2. Create an item in Content Editor Tree in the Layouts\Renderings.
  3. And then you can insert wherever you like.

So lets begin:

Create an XSLT file, name it something that will be familiar to you, we will use an example and call it (component_tony.xslt).

sitecore_sample_rendering_component_tony

Next we will add some code to the XSLT file:

sitecore_sample_rendering_component_code

sitecore.component/component_tony.xslt – Get the raw code here

Now save it and lets go to the Sitecore.

Create a Rendering Component, name it whatever you wish, as you can see below I named my component Tony Rendering Component.

sitecore_content_tree_layouts_sample_rendering_component

In the Data section of your component item. Go ahead make the following changes:

sitecore_sample_rendering_component_data

Now if you insert this component somewhere on the page, it will show you the content that is included in the XSLT file.

Enjoy! Hope this helps. If there is any questions, please do not hesitate to ask.