1. #1
    Ext User
    Join Date
    Feb 2008
    Posts
    5
    Vote Rating
    0
    diederd is on a distinguished road

      0  

    Default 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.

  2. #2
    Sencha User madrabaz's Avatar
    Join Date
    May 2007
    Location
    Turkey
    Posts
    125
    Vote Rating
    0
    madrabaz is on a distinguished road

      0  

    Default


    You have to put the xtheme-gray.css after the ext-all.css

  3. #3
    Ext User
    Join Date
    Feb 2008
    Posts
    5
    Vote Rating
    0
    diederd is on a distinguished road

      0  

    Default


    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..

  4. #4
    Sencha Premium Member dawesi's Avatar
    Join Date
    Mar 2007
    Location
    Melbourne, Australia (aka GMT+10)
    Posts
    1,088
    Vote Rating
    47
    dawesi will become famous soon enough dawesi will become famous soon enough

      0  

    Default


    are you sure the reference to the css file is valid? (does it show up in the net tab in firebug)
    Lead Trainer / Sencha Specialist
    Teahouse Training Company

    Comprehensive Javascript, Sencha and 3rd Party Stack Training available worldwide online, and onsite in APAC, written by certified official Sencha trainers.



    Unofficial Sites:

    SenchaWorld.com - Videos, and stuff
    Sencha.Community - Tools, Extensions and Resources
    TeahouseHQ.com - Sencha Ecosystem Training Portal

    Code Validation : JSLint | JSONLint | JSONPLint

  5. #5
    Ext User
    Join Date
    Feb 2008
    Posts
    5
    Vote Rating
    0
    diederd is on a distinguished road

      0  

    Default


    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
    Attached Images

  6. #6
    Sencha User madrabaz's Avatar
    Join Date
    May 2007
    Location
    Turkey
    Posts
    125
    Vote Rating
    0
    madrabaz is on a distinguished road

      0  

    Default


    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

  7. #7
    Ext User
    Join Date
    Feb 2008
    Posts
    5
    Vote Rating
    0
    diederd is on a distinguished road

      0  

    Default


    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 :-(

  8. #8
    Sencha User madrabaz's Avatar
    Join Date
    May 2007
    Location
    Turkey
    Posts
    125
    Vote Rating
    0
    madrabaz is on a distinguished road

      0  

    Default


    Weird!
    Is there any htaccess file or something to bock images!

  9. #9
    Ext User
    Join Date
    Feb 2008
    Posts
    5
    Vote Rating
    0
    diederd is on a distinguished road

      0  

    Default


    nope... no htaccess file either! here is a copy of my folder structure, perhaps that will help?
    Attached Images

  10. #10
    Ext User zerodivide's Avatar
    Join Date
    Feb 2008
    Posts
    16
    Vote Rating
    0
    zerodivide is on a distinguished road

      0  

    Default


    your webserver must have a read acces to the folder and the images