1. #1
    Ext User
    Join Date
    Oct 2008
    Posts
    24
    Vote Rating
    0
    Somani is on a distinguished road

      0  

    Default Nothing rendering

    Nothing rendering


    Hello

    I'm new with ExtJS but i really like it!

    I have created some Code using the Ext 2.0 GUI Builder but I'm not able to bring this to work

    here's my little code:
    Code:
    <script type="text/javascript">
    Ext.onReady(function(){
    Ext.QuickTips.init();
    new Ext.Viewport({
        layout:"border",
        items:[{
            region:"center",
            title:"",
            items:[{
                xtype:"toolbar",
                title:"Panel",
                height:30,
                items:[{
                    text:"Knowledge Base",
                    xtype:"tbbutton"
                  },{
                    text:"Glossar",
                    xtype:"tbbutton"
                  }]
              }]
          },{
            region:"north",
            title:"",
            height:60
          },{
            region:"south",
            title:"South",
            height:30,
            xtype:"toolbar"
          },{
            region:"west",
            title:"Navigation",
            width:100,
            split:true,
            collapsible:true,
            titleCollapse:true
          }]
        }
    );
    });
    
    
    </script>
    I think it is something small but without any experience of extjs it is really hard to find oO

  2. #2
    Ext User zhegwood's Avatar
    Join Date
    Dec 2007
    Location
    Boulder, CO Suburbia (Lafayette)
    Posts
    388
    Vote Rating
    1
    zhegwood is on a distinguished road

      0  

    Default


    add a render call at the end. It will default to document.body so if you don't want that, you can specify a renderTo: config option in the viewport and give it the id of one of the elements in your html page.

    Code:
    new Ext.Viewport({
        layout:"border",
        items:[{
            region:"center",
            title:"",
            items:[{
                xtype:"toolbar",
                title:"Panel",
                height:30,
                items:[{
                    text:"Knowledge Base",
                    xtype:"tbbutton"
                  },{
                    text:"Glossar",
                    xtype:"tbbutton"
                  }]
              }]
          },{
            region:"north",
            title:"",
            height:60
          },{
            region:"south",
            title:"South",
            height:30,
            xtype:"toolbar"
          },{
            region:"west",
            title:"Navigation",
            width:100,
            split:true,
            collapsible:true,
            titleCollapse:true
          }]
        }
    );
    }).render();

  3. #3
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    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


    Quote Originally Posted by Somani View Post
    Hello

    I'm new with ExtJS but i really like it!

    I have created some Code using the Ext 2.0 GUI Builder but I'm not able to bring this to work


    I think it is something small but without any experience of extjs it is really hard to find oO

    And this is the problem with having these types of tools.

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Posts
    580
    Vote Rating
    0
    dolittle is an unknown quantity at this point

      0  

    Default


    @jgarcia

    You know that the ext team are working on a visual tool and they tried to explain to you that this is a valuable tool but you keep telling people not to use these tools.
    I find it rude. Why do you come to a company website and tell people not to use their products?

    You add so much noise to this forum with this kind of posts and the ridiculous pictures you add to your posts. It is suppose to be a professional forum.

  5. #5
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    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


    You obviously don't get the point of my response, so I'll spell it out for you.

    If you use a tool like that you're bound to not to learn the framework, and post issues like this! You posted the code that the designer created. If you had taken the time to learn the container and layout models you would not be in this issue in the first place!

    Furthermore, posting "I'm not able to bring this to work" is an extremely vague problem!
    Last edited by jay@moduscreate.com; 19 Feb 2009 at 1:50 PM. Reason: removed 'invalid code' msg

  6. #6
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    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


    Quote Originally Posted by zhegwood View Post
    add a render call at the end. It will default to document.body so if you don't want that, you can specify a renderTo: config option in the viewport and give it the id of one of the elements in your html page.

    Code:
    new Ext.Viewport({
        layout:"border",
        items:[{
            region:"center",
            title:"",
            items:[{
                xtype:"toolbar",
                title:"Panel",
                height:30,
                items:[{
                    text:"Knowledge Base",
                    xtype:"tbbutton"
                  },{
                    text:"Glossar",
                    xtype:"tbbutton"
                  }]
              }]
          },{
            region:"north",
            title:"",
            height:60
          },{
            region:"south",
            title:"South",
            height:30,
            xtype:"toolbar"
          },{
            region:"west",
            title:"Navigation",
            width:100,
            split:true,
            collapsible:true,
            titleCollapse:true
          }]
        }
    );
    }).render();
    You don't need to render the viewport

  7. #7
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    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  

  8. #8
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    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


    Quote Originally Posted by dolittle View Post
    @jgarcia

    You know that the ext team are working on a visual tool and they tried to explain to you that this is a valuable tool but you keep telling people not to use these tools.
    I find it rude. Why do you come to a company website and tell people not to use their products?

    You add so much noise to this forum with this kind of posts and the ridiculous pictures you add to your posts. It is suppose to be a professional forum.
    FYI, if you want to keep things 'professional', you would post these types of messages via private message, not in public view! If you have issues with me, keep it out of the public space!

  9. #9
    Ext User
    Join Date
    Oct 2008
    Posts
    24
    Vote Rating
    0
    Somani is on a distinguished road

      0  

    Default


    Thanks for your Replys

    The problem was a misspelled css-path shame on me