Styling RenderedFields

[Gundeep]

Hello,

I have to display multiple text items in a node in an Telerik OrgChart control.

So I am using RenderedFields like this:
</RenderedFields>
 <ItemFields>
 <telerik:OrgChartRenderedField DataField="Certificates" Label="Certificates" />
 </ItemFields>
<ItemFields>
 <telerik:OrgChartRenderedField DataField="Role" Label="Role" />
 </ItemFields>
 </RenderedFields>

However I want to style each OrgChartRenderedField differently. Infact some of these fields will be hidden in some situations.

Can anyone suggest how to do it.

Thanks

[Gundeep]

Can anyone from the Telerik team reply to this post.

[Peter Filipov]

Hello Singh,

Please review the following mark up and CSS. Keep in mind that the nth-of-type selector is not supported under ie8 and older versions of IE.

      <style type="text/css">
        .rocItemField:nth-of-type(3)
        {
            color:red;
        }

        .rocItemField:nth-of-type(4)
        {
            color:blue !important;
        }

    </style>
.........................
            <telerik:RadOrgChart runat="server" ID="RadOrgChart1">
                <Nodes>
                    <telerik:OrgChartNode>
                        <GroupItems>
                            <telerik:OrgChartGroupItem Text="Peter">
                                <RenderedFields>
                                    <telerik:OrgChartRenderedField Text="Field1" />
                                    <telerik:OrgChartRenderedField Text="Field2" />
                                </RenderedFields>
                            </telerik:OrgChartGroupItem>
                        </GroupItems>
                    </telerik:OrgChartNode>
                </Nodes>
            </telerik:RadOrgChart>

Regards,
Peter Filipov
the Telerik team