GWT Designer not displaying properly with SpiffyUI

[hgeor...@gmail.com]

My GWT Designer view is not working when I am using SpiffyUI. Here is an image of what it says: http://i.imgur.com/RcXKrc7.jpg

Here are the error messages from the error logs:

"new MainHeader()" : http://pastebin.com/MYyH1SRx

"new MainNavBar()" : http://pastebin.com/SyH7YhW9

"header.setHeaderTitle("Management Console")" : http://pastebin.com/h2JYnycb

"level1NavBar.add(policymanager)" : http://pastebin.com/YH3DgD2g

Any help would be really appreciated! 

[Zack Grossbart]

Hello,

Thanks for using Spiffy UI.

Many of the Spiffy UI main components, like MainHeader and MainNavBar,
require special HTML tags which are created with JavaScript from the
spiffyui.min.js file. My guess is that your test page either doesn't import
the spiffyui.min.js file or that it imports it from the wrong location.

Track down the spiffyui.min.js file and you should be all set.

Thanks,
Zack

--
You received this message because you are subscribed to the Google Groups
"Spiffy UI" group.
To unsubscribe from this group and stop receiving emails from it, send an
email to spiffy-ui+...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[hgeor...@gmail.com]

Hey Zack,

Thanks for the quick reply! I see that in my EntryPoint html file: "<script type="text/javascript" src="managementconsole/spiffyui.min.js"></script>" However, I did edit out a section from "spiffyui.js" where the init function is being called:

    init: function() {

         

        if (spiffyui.autoloadHTML) {

         

            /*

             * We start by adding the HTML tags our CSS depends on

             */

            /*jQuery('body').append(

                '<div id="loginPanel"></div>' + 

                '<div id="mainWrap">' + 

                    '<div id="main" class="clearfix">' + 

                        '<div id="mainHeader"></div>' + 

                        '<div id="mainBody">' + 

                            '<div id="mainNavigation"></div>' + 

                            '<div id="mainContent"></div>' + 

                            '<div class="clear"></div>' + 

                        '</div>' + 

                        '<div class="clear"></div>' + 

                    '</div>' + 

                '</div>' + 

                '<div id="mainFooter"></div>');

                */

        }

...}

Is that the issue?

[Zack Grossbart]

Yeah. That's the issue. We need those DOM elements to add those GWT
widgets. You can skip the DOM if you don't want it, but it means you can't
us MainHeader or MainNavBar.

-Zack

From: spif...@googlegroups.com [mailto:spif...@googlegroups.com] On
Behalf Of hgeor...@gmail.com

[hgeor...@gmail.com]

I uncommented those lines and the designer is still giving me the same errors.

[Zack Grossbart]

Do you see those DOM elements when you look in the web browser with an
inspection tool like Firebug?

Thanks,