[Solved] TreeView node html attributes does NOT take affect when the node Uri set

[propel studio]

Hi,

I am using Q2 2010 release.

Here is the problem – if a node has link set (has <a class=”t-link…”> </a> inside <li class=”t-item…”> </li>.

The node html attributes will not take affect on the node text.  Below is an example:

With item.Uri set: (Note: the node text "A Node" does NOT show blue.

.ItemDataBound((item, p) =>
{
   item.Text = p.Name;
   item.Url = "#";
   item.HtmlAttributes.Add("style", "color:blue");
})
It renders as:
......
 <li class="t-item" style="color: blue">
   <div class="t-mid">
    <a class="t-link t-in" href="#">A Node</a></div>
 </li>
......

Without item.Uri set:  ( Note: the node text “A Node” DOES show blue.)

.ItemDataBound((item, p) =>

{

   item.Text = p.Name;

   //item.Url = "#";

   item.HtmlAttributes.Add("style", "color:blue");            

})

 

It renders as:

.......

<li class="t-item" style="color: blue">

   <div class="t-mid">

    <span class="t-in"> A Node </span></div>

</li>
.......


Do I miss something?

Thanks,

Propel studio

[Atanas Korchev]

Hello propel studio,

 The <a> tag does not inherit "color" from its parent element. This is the reason why you are not seeing the color applied. Use the LinkHtmlAttributes in order to set the html attributes of the link.

Greetings,
Atanas Korchev
the Telerik team

[propel studio]

Atanas,

Thank you for reply.

You are right. I should use LinkHtmlAttributes to set link html attributes.

I am experiencing another issue on adding class attribute, here is the example:

If the original link shows <a class="t-link t-in" href="#">A Node</a>.  After I use item.HtmlAttributes.Add("class", "xyz") to add class. The rendered result becomes <a class="t-link xyz " href="#">A Node</a>. Please notice, the new class




Do I still miss something?




Also, do you have example on how to add MVC Ajax.ActionLink(...) to a tree node.




Thank you!

Propel studio

[Hristo Germanov]

Hello propel studio,

Thank you for reporting this issue.

I confirm that it is a bug, which will be fixed with next official release of Telerik Components for ASP.NET MVC.

Please, replace the existing code



IHtmlNode tag = new HtmlTag(isNavigatable ? "a" : "span");

tag.PrependClass("t-in")
   .ToggleClass(UIPrimitives.DisabledState, !item.Enabled)
   .ToggleClass(UIPrimitives.SelectedState, item.Enabled && item.Selected);

   if (isNavigatable)
   {
       if (item.Enabled)
       {
           tag.Attribute("href", url);
           }
                tag.Attributes(item.LinkHtmlAttributes)
                   .PrependClass(UIPrimitives.Link);
           }
           tag.Attributes(item.LinkHtmlAttributes)
                   .PrependClass(UIPrimitives.Link);
       }
   }
....

with this
 

IHtmlNode tag = new HtmlTag(isNavigatable ? "a" : "span")
               .Attributes(item.LinkHtmlAttributes);

tag.PrependClass("t-in")
   .ToggleClass(UIPrimitives.DisabledState, !item.Enabled)
   .ToggleClass(UIPrimitives.SelectedState, item.Enabled && item.Selected);

   if (isNavigatable)
   {
       if (item.Enabled)
       {
           tag.Attribute("href", url);
       }
       tag.PrependClass(UIPrimitives.Link);
   }
....

in TreeViewHtmlBuilder.cs and rebuild the source project. Make sure the build configuration is set to Release MVC2 NET35 if you are using ASP.NET MVC 2.

I have updated your Telerik points.

Sincerely yours,
Hristo Germanov
the Telerik team

[tomas]

Hello Telerik team,

I have downloaded yours new version of Telerik Components for ASP.NET MVC but i cant change treeview text color.Is other way how can change text color in treeview because rebuild yours source code in all newest version is not good way.

Thanks for reply

Best regards

Tomas