1. #1
    Ext User
    Join Date
    Oct 2009
    Posts
    4
    Vote Rating
    0
    lshepherd is on a distinguished road

      0  

    Default Button issue in FF3/MacOS10.6 using Learning ExtJS examples

    Button issue in FF3/MacOS10.6 using Learning ExtJS examples


    Hi. I'm a noob to ext-js and am working through examples in the _Learning Ext JS_ book from Packt Publishing.

    It seems like the buttons for datepicker and combobox are visually busted when viewing my page in Firefox3.5 on MacOS10.6, but looks fine in Safari. I figure I'm doing something wrong. If someone wouldn't mind taking a look, I'd appreciate any pointers on what I'm doing incorrectly.

    I can see the buttons fine on the Ext JS examples, here http://www.extjs.com/deploy/dev/examples/form/xml-form.html

    My code and screenshots attached:

    Code:
    <html>
    
    <head>
        <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"/>
        <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="ext/ext-all-debug.js"></script>
    
        <title id="page-title">Learning ext-js Chapter 3</title>
        <script type="text/javascript">
            Ext.onReady(function() {
                Ext.BLANK_IMAGE_URL = "ext/resources/images/s.gif";
    
                Ext.QuickTips.init();
                var genres = new Ext.data.SimpleStore({
                    fields: ["id","genre"],
                    data: [["1","Comedy"],["2","Drama"],["3","Action"]]
                })
    
                var movie_form = new Ext.FormPanel({
                    url: "/app/movie",
                    renderTo: document.body,
                    frame: true,
                    title: "Movie Information Form",
                    width: 250,
                    items: [{
                        xtype: "datefield",
                        fieldLabel: "Released",
                        name: "released",
                        disabledDays: [1,2,3,4,5]
                    },{
                        xtype: "combo",
                        name: "genre",
                        fieldLabel: "Genre",
                        mode: "local",
                        store: genres,
                        displayField: "genre",
                        width: 120
                    }]
                })
            });
        </script>
    </head>
    
    <body></body>
    
    </html>
    Attached Images

  2. #2
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    77
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    This has nothing to do with OS or browser version.

    It has everything to do with the fact that you didn't set Ext.BLANK_IMAGE_URL

  3. #3
    Ext User
    Join Date
    Oct 2009
    Posts
    4
    Vote Rating
    0
    lshepherd is on a distinguished road

      0  

    Default


    I did set Ext.BLANK_IMAGE_URL -- it's the first line inside my Ext.onReady function.

  4. #4
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    77
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    Check with firebug, you'll see that it's not loading.

  5. #5
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    77
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    Btw, a suggestion for Ext 3.0 is to use Ext.data.ArrayStore, not the deprecated SimpleStore reference (which is now ArrayStore)

  6. #6
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    77
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    Btw, the problem is you're missing 'default' from the path:

    Ext.BLANK_IMAGE_URL = "ext/resources/images/default/s.gif";

  7. #7
    Ext User
    Join Date
    Oct 2009
    Posts
    4
    Vote Rating
    0
    lshepherd is on a distinguished road

      0  

    Default


    AHA! Thank you.

    --Grateful Noob

  8. #8
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    77
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    we've all been there :P

Thread Participants: 1