Nothing rendering

[Somani]

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:

<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

[zhegwood]

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.

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();

[jay@moduscreate.com]

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.

[dolittle]

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

[jay@moduscreate.com]

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!

[jay@moduscreate.com]

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.

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

[jay@moduscreate.com]

BTW, the code you posted works.

http://tdg-i.com/img/screencasts/2009-02-19_1651.swf

[jay@moduscreate.com]

@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!

[Somani]

Thanks for your Replys

The problem was a misspelled css-path shame on me