I recently implemented a cool feature in my asp.net mvc4 application by adding a treeview using the graphdracula jQuery library. Here is a snippet of the code I used:
<html>
<head>
<script type="text/javascript" src="~/Content/Scripts/raphael-min.js"></script>
<script type="text/javascript" src="~/Content/Scripts/dracula_graffle.js"></script>
<script type="text/javascript" src="~/Content/Scripts/dracula_graph.js"></script>
<script type="text/javascript" src="~/Content/Scripts/dracula_algorithms.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var width = $(document).width() -500;
var height = $(document).height();
var g = new Graph();
g.edgeFactory.template.style.directed = true;
@for(int i =0;i < @Model[1].Count; i+=2){
@: g.addEdge("@Html.Raw(@Model[1][i])","@Html.Raw(@Model[1][i+1])");
}
var layouter = new Graph.Layout.Ordered(g, topological_sort(g));
var renderer = new Graph.Renderer.Raphael('canvas', g, width, height);
});
</script>
</head>
<body>
<div id="canvas"></div>
</body>
</html>
After running the code, I realized that I needed to change the font-size of the edge titles to 18px, but I couldn't locate the specific part of the code where this modification could be made.
Can anyone guide me on how to locate and modify the target code for adjusting the font size?