How to assign a Tridion Component Link to href using Razor

Question

I have a Component that contains a field as Component Link. I would like to assign a hyperlink to that Component. What is the equivalent of <a tridion:href="TCMID">text</a> for a Razor Template?

My Previous code is:

 <a [email protected]>Learn More... </a>

I got it not resolved and my html page shows as below

<tridion:componentlink textonfail="true" linkattributes="" linktext="" addanchor="false" templateuri="tcm:0-0-0" componenturi="tcm:348-13853" pageuri="tcm:348-13905-64"> 
Learn More...                                                            
</tridion:componentlink></li>

and after as per suggesstions i modified the code as below

<tcdl:Link type="Component" origin="@Page.ID"
  destination="@incomps.Fields.SecondBlockComponentLink.ID"
  templateURI="@ComponentTemplate.ID" linkAttributes="" textOnFail="True" 
   addAnchor="False">
   Learn More... 
 </tcdl:Link>

But its failed on deployment phase of publishing and the error is

Stack: TAG: (0) Param=false Mode=0
Class=com.tridion.tcdl.tags.DefaultTagHandler ------
 , Unbalanced tags in TCDL file Closing Tag 
 cdl:Link does not match tcdl:ComponentPresentation

How to resolved the below HTML output of Tridion Component Link

Answer 1

The syntax <a tridion:href="TCMID">text</a> has actually got nothing to do with Dreamweaver templating. The attributes such as tridion:href are actually processed by the Link Resolver template building block (usually in your Default Finish Actions).

All you have to do in Razor is take care of outputting exactly what Dreamweaver would have done, so your code would probably be something like:

<a href="dummy.html" tridion:href="@incomps.Fields.SecondBlockComponentLink.ID">Learn More... </a>

Answer 2

Abdulla,

There is no Razor way of creating component links, and there fore its not documented in there.

If you search next time you see more people looked for it;

https://tridion.stackexchange.com/a/2220/219

<a [email protected]>Learn More... </a>

If you do this before the Link resolver TBB (normally in the Default Finish Actions), then the TCDL and eventually the dynamic link control, will also be generated for you.

Answer 3

There are two ways to handle this (probabaly more, but lets discuss the simple ones).

1. Use the Default Finish Actions TBB
2. Output the TCDL code yourself (no TBB needed)

Both of these cases require you to have setup a correct Deployer, which will transform the TCDL into the correct output on the delivery side.

#1

In this case, you are using the Default Finish Actions to handle your links, the documentation describes you will need to supply a tridion:href attribute in your link and place a TCMURI inside of it, so try the following in your Razor template:

<a tridion:href="@incomps.Fields.SecondBlockComponentLink.ID">Learn More...</a>

#2

In this case you ignore the default TBBs and their handling, so you will just manually output the correct TCDL for the Deployer to handle. So the following will just go in your Razor template:

<tcdl:Link type="Component" origin="@Page.ID" 
           destination="@incomps.Fields.SecondBlockComponentLink.ID" 
           templateURI="@ComponentTemplate.ID" 
           linkAttributes="" textOnFail="True" addAnchor="False">
    Learn More...                                                         
</tcdl:Link>

Now all of this is just based on common sense, the documentation and trying the same as I would do in a DWT Template. I have never used the Razor mediator, so your mileage may vary.

I would suggest you use #1, since I have a feeling #2 will have an issue resolving @Page.ID, although I believe you could set that to tcm:0-0-0 too.

In short to answer your question:

What is the equivalent of <a tridion:href="TCMID">text</a> for a Razor Template?

Well it is exactly that, use the exact same code and make sure you use the Default Finish Actions TBB.