-
14 Feb 2008 7:09 AM #1
xthemes not working
xthemes not working
Hi
I am busy developing an application and came across the extjs component. Absolutely loved it and just had to have it in my app. For now, all I'm using is the messagebox component but for some reason using the xtheme doesnt work.
When I add the css line as suggested in the instructions, it defaults to the blue theme (which I would imagine is the default). Am really wanting to implement the xtheme-gray.css but for some reason just cant seem to get it to work...
Hoping that someone out there could please assist me in getting it to function properly.
Looking forward so some responses, thanks in advance.
-
14 Feb 2008 7:18 AM #2
You have to put the xtheme-gray.css after the ext-all.css
-
14 Feb 2008 7:38 AM #3
Hi madrabaz
I have done just that.. a copy of my code below:
...
..
.
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Delivery Instruction</title>
<metahttp-equiv="Content-Type"content="text/html; charset=iso-8859-1">
<linkhref="style.css"rel="stylesheet"type="text/css">
<linkhref="dhtmlxcalendar.css"rel="stylesheet"type="text/css">
<linkrel="stylesheet"type="text/css"href="resources/css/ext-all.css"/>
<linkrel="stylesheet"type="text/css"href="resources/css/xtheme-gray.css"/>
<scripttype="text/javascript"src="adapter/ext/ext-base.js"></script>
<scripttype="text/javascript"src="scripts/ext-all.js"></script>
<scripttype="text/javascript"src="scripts/MessageBox.js"></script>
<scripttype="text/javascript"src="scripts/dhtmlxcalendar.js"></script>
.
..
...
not sure if there's just something I'm missing, but been struggling with this for the past 2 days now..
-
14 Feb 2008 8:14 PM #4Sencha - Sales Team
- Join Date
- Mar 2007
- Location
- Melbourne, Australia (aka GMT+10)
- Posts
- 738
- Vote Rating
- 6
are you sure the reference to the css file is valid? (does it show up in the net tab in firebug)
Check out SenchaWorld.com for articles, screencasts, conference videos and more.
Sencha Technical Training : Asia Pacific Region
Code Validation : JSLint | JSONLint | JSONPLint
-
15 Feb 2008 1:49 AM #5
thanks for those that have responded. lastnite I was playing around with a couple of things and have taken a screen shot of what i have. not sure but it seems as though the css file isnt for some reason "kicking" in.
hoping that with you being able to see this it would be more useful in helping me on my way.
thanks again for all your help
-
15 Feb 2008 2:04 AM #6
I think some of the theme images are missing...
Check resources/images/gray directory exist and it has a image
Code:resources/images/gray | gradient-bg.gif | s.gif | +---button | btn-arrow.gif | btn-sprite.gif | +---panel | corners-sprite.gif | left-right.gif | light-hd.gif | tool-sprite-tpl.gif | tool-sprites.gif | tools-sprites-trans.gif | top-bottom.gif | top-bottom.png | white-corners-sprite.gif | white-left-right.gif | white-top-bottom.gif | +---qtip | bg.gif | close.gif | tip-sprite.gif | +---tabs | scroll-left.gif | scroll-right.gif | scroller-bg.gif | tab-btm-inactive-left-bg.gif | tab-btm-inactive-right-bg.gif | tab-btm-left-bg.gif | tab-btm-right-bg.gif | tab-close.gif | tab-strip-bg.gif | tab-strip-bg.png | tab-strip-btm-bg.gif | tabs-sprite.gif | +---toolbar | bg.gif | btn-arrow-light.gif | btn-arrow.gif | btn-over-bg.gif | gray-bg.gif | tb-bg.gif | tb-btn-sprite.gif | \---window icon-error.gif icon-info.gif icon-question.gif icon-warning.gif left-corners.png left-corners.pspimage left-right.png right-corners.png top-bottom.png
-
15 Feb 2008 2:59 AM #7
just checked all the images and they are definitely all there. really not sure as to why, even if I try any of the other xthemes, it does the same thing.. really strange :-(
-
15 Feb 2008 3:01 AM #8
Weird!
Is there any htaccess file or something to bock images!
-
15 Feb 2008 3:26 AM #9
nope... no htaccess file either! here is a copy of my folder structure, perhaps that will help?
-
29 Jul 2008 3:42 AM #10
your webserver must have a read acces to the folder and the images


Reply With Quote


