I am currently utilizing the in conjunction with asp.net mvc. My objective is to apply bold styling to the text using CSS within the main nodes, specifically those with arrows (refer to the image below).
https://i.sstatic.net/xg3uF.png
Below is the code snippet:
<div class="row">
<div id="jstree_demo_div" class="col-md-4">
<ul id="tree">
<li>
<a href="#">@Model.CategoryName</a>
@Html.Partial("_CategoryChildren", Model)
</li>
</ul>
</div>
<div id="File-Upload-Category-Result" class="col-md-8"></div>
</div>
@foreach (var item in Model.Children)
{
<ul>
@if (item != null)
{
<li id="@item.CategoryID">
<a href="@item.CategoryID" class="cat">@item.CategoryName</a>
@if (item.Children.Count > 0)
{
@Html.Partial("_CategoryChildren", item)
}
</li>
}
</ul>
}
I have attempted to apply styling in various places but it doesn't seem to work, for example:
<span style="font-weight:900">@item.CategoryName</span>