Wow frustrating.. jsTree styles not being applied to tree..

descsuit

unread,

Jul 17, 2009, 8:49:21 PM7/17/09

to jsTree

Well I finally got a tree to render from fixed XML with one big
catch.. the CSS styles are not being applied. In firebug the css
files show as loaded and my own css file works (only shows on other
pages, but imported the same way).. but none of the jsTree styles are
being applied to the tree and it's children.

I checked the classes attached to the tree elements and they all seem
to be fine.

The examples work fine from the jsTree website and from the download
folder, so I don't think it's some browser thing.

Here's the generated HTML:
<html xmlns:lift="http://liftweb.net/" xmlns="http://www.w3.org/1999/
xhtml">
<head>
<title/>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
<meta content="" name="description"/>
<meta content="" name="keywords"/>
<link href="css/master.css" type="text/css" rel="stylesheet">
</link>
<link href="javascript/third-party/jsTree/tree_component.css"
type="text/css" rel="stylesheet">
</link>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3/jquery.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/_lib/
css.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/_lib/
jquery.cookie.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/_lib/
jquery.hotkeys.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/_lib/
jquery.listen.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/_lib/
jquery.log.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/_lib/
jquery.metadata.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/_lib/
jquery.xslt.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/_lib/
sarissa.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/_lib/
sarissa_ieemu_xpath.js">
</script>
<script type="text/javascript" src="javascript/third-party/jsTree/
tree_component.js">
</script>
<script type="text/javascript" src="javascript/core.js">
</script>
<script type="text/javascript" src="javascript/mvc.js">
</script>
<script type="text/javascript" src="javascript/treeModel.js">
</script>
<script type="text/javascript" src="javascript/treeNavView.js">
</script>
<script type="text/javascript" src="javascript/editController.js">
</script>
<script type="text/javascript" src="/static/ajax_request/liftAjax.js">
</script>
<link rel="stylesheet" type="text/css" media="all" href="http://
192.168.1.16:8080/static/javascript/third-party/jsTree/themes/default/
style.css">
</link>
<link rel="stylesheet" type="text/css" media="all" href="http://
192.168.1.16:8080/static/javascript/third-party/jsTree/themes/default/
style.css">
</link>
</head>
<body>
<div id="navTree" class="tree tree-default" style="direction: ltr;">
<ul>
<li id="test" class=" last closed ">
<a class="" href="#" style="">Loading..</a>
<ul>
<li id="test2" class=" last leaf ">
<a class="" href="#" style="">Loading2..</a>
</li>
</ul>
</li>
</ul>
</div>
</body>
<div id="_firebugConsole" style="display: none;"
FirebugVersion="1.4.0"/>
</html>

Sorry it's so long, I just wanted to make sure I didn't exclude
anything important. So does this look familiar to anyone? Is there
something simple I'm missing? I've never seen behavior like this
before.. maybe it's how the css are linked in some way?

vakata

unread,

Jul 19, 2009, 4:22:56 PM7/19/09

to jsTree

Hi,

Sorry, I cannot see the problem here ... Could you provide a working
example, so that i can help you debug? Or at least send your files
(only the relevant ones of course)?

Kindest regards,
Ivan

descsuit

unread,

Jul 21, 2009, 4:43:05 PM7/21/09

to jsTree

Well just in case anyone is curious.. I decided to drop the webapp I
was using to serve the static content and just use an empty servlet
container (I need it to run on the same tomcat as the other apps) and
it worked fine. I'm still not sure what was happening, but for some
reason or another the webapps filter or javascript was breaking the
jsTree's stylesheet stuff. I figure it'll cut down on complications
later if I just serve the files from a webapp as bare as possible
unless otherwise needed.

Also for the curious, the webapp/framework is called Lift. I'll make
sure to send them a note about this as well, but I'm not really that
interested in following up too much right now. If someone is, just
drop me a line.

Alan

Reply all

Reply to author

Forward