This is a migrated thread and some comments may be shown as answers.

Style the node connecting links.

3 Answers 52 Views
OrgChart
This is a migrated thread and some comments may be shown as answers.
Lovella Bacaud
Top achievements
Rank 1
Lovella Bacaud asked on 16 Jul 2013, 08:57 AM
Hi

I want to add arrows to the end of lines connecting the nodes and make it more thick. How can I do the same using CSS?

Thanks
Lovella.

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 16 Jul 2013, 10:22 AM
Hi Lovella,

Try overriding the default CSS as follows.

CSS:
<style type="text/css">
    .rocLineUp:after
    {
        content: "";
        width: 9px;
        height: 5px;
        background: url("../Images/downarrow.png") no-repeat center center;
        position: absolute;
        bottom: 0;
        left: -4px;
    }
    html .RadOrgChart .rocLineUp
    {
        border: 0.5px solid black !important;
    }
         
    html .RadOrgChart .rocLineDown
    {
        border: 0.5px solid black !important;
    }
    html .RadOrgChart .rocLineHorizontal
    {
        border: 0.5px solid black !important;
    }
</style>

Thanks,
Princy.
0
Lovella Bacaud
Top achievements
Rank 1
answered on 17 Jul 2013, 08:51 AM
Hi Princy thanks but the icon is not properly shown, only some portion is displayed.
0
Princy
Top achievements
Rank 1
answered on 17 Jul 2013, 09:43 AM
Hi Lovella,

In the .rocLineUp:after CSS class, set the height property to a higher value such as height: 15px; .

Thanks,
Princy.
Tags
OrgChart
Asked by
Lovella Bacaud
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Lovella Bacaud
Top achievements
Rank 1
Share this question
or