Lineas entrecortadas en el TreeView ASP.NET

 

Para poder ver las líneas que unen los nodos en un TreeView, hice uso de las siguientes propiedades






LineImagesFolder="~/TreeLineImages" 
ShowLines="True"






Pero al momento de ver el resultado en el IE 7 las líneas salen entrecortadas, es decir, no se muestran los nodos unidos por líneas continuas (Figura 1.)





Luego de pasar un par de horas entre las propiedades del TreeView, decidí buscar en el Internet, y efectivamente encontré que es un problema de presentación que se da en el IE7.



La solución para ver las líneas de forma continua, consiste primero en establecer una definición CSS como la siguiente






.tree td div 
     {
            height:  20px !important
      }






Y aplicar el estilo al TreeView






<asp:TreeView ID="treeMenu" runat=server
LineImagesFolder="~/TreeLineImages"
ShowLines="True" CssClass="tree">








El artículo original está en la siguiente dirección: http://blogs.msdn.com/carloc/archive/2007/05/23/broken-line-in-asp-net-2-0-treeview-in-ie-7.aspx



Hasta la próxima


No hay comentarios: