I need to add a header to my GeoExplorer application in the same way they do here http://demo.geonode.org/maps/new. Where should I modify the code to achieve this?

I try adding Ext.Panel within composer.js, but not the solution I think:

var northPanel = new Ext.Panel({
        region: "north",
        id: "north",
        height: 100,
        border: false,
        split: true,
        collapsible: false,
        collapseMode: "mini",
        collapsed: false,
        hideCollapseTool: true,
        header: true,
        layout: "border",
    renderto: function (){console.log("em composer ");console.log(document.body)},
        items: [{
            region: "center",
            id: "header",
            title: "header",
            layout: "fit"

Also detected in the GeoExplorer/app/viewer.html there html code file, the one shown at the top of this link http://demo.geonode.org/maps/new, but I can not make this code display my GeoExplorer application.

1 Answer 1


You can add a northpanel by extening GeoExplorer.Composer like is done here: https://github.com/Norwegian-marine-datacentre/arctic-roos/blob/master/src/main/webapp/javascript/norArgoComposer.js

  • But one thing important to emphasize: I intend to display a header (in a north panel), but still do not achieve as does the "GeoNode" software on your GeoExplorer application.
    – user29518
    Jan 28, 2015 at 4:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.