Navbar problem

[rodrigobastosv]

I can't make the MaterialNavBar example work (https://gwtmaterialdesign.github.io/gwt-material-demo/#navbar).

I'm getting the "cannot read property 'displayEffect' of undefined" error while trying to use material navbar.

The code i used is copied from here: https://gwtmaterialdesign.github.io/gwt-material-demo/#navbar

<g:HTMLPanel> <m:MaterialHeader> <m:MaterialNavBar> <m:MaterialNavBrand href="#Test" float="LEFT" text="App Title"/> <m:MaterialNavSection float="RIGHT"> <m:MaterialLink iconType="ACCOUNT_CIRCLE" iconPosition="LEFT" text="Account" textColor="WHITE" waves="LIGHT"/> <m:MaterialLink iconType="AUTORENEW" iconPosition="LEFT" text="Refresh" textColor="WHITE" waves="LIGHT"/> <m:MaterialTooltip text="Menu"> <m:MaterialLink iconType="SEARCH" textColor="WHITE" waves="LIGHT"/> </m:MaterialTooltip> <m:MaterialTooltip text="Starter"> <m:MaterialLink iconType="MORE_VERT" textColor="WHITE" waves="LIGHT"/> </m:MaterialTooltip> </m:MaterialNavSection> </m:MaterialNavBar> </m:MaterialHeader> </g:HTMLPanel>

Saw somewhere that: "The navbar is intended to be hidden on FLoat types" but i dont know how to do it

[kevzlou7979]

You're code is correct. Can you show me your module.gwt.xml on how you import the GMD Modules.

[rodrigobastosv]

Sure

<!--GWT Material-->
<inherits name="gwt.material.design.GwtMaterialDesign"/>

<!--     
<inherits name="gwt.material.design.themes.ThemeBlue"/>
<inherits name="gwt.material.design.addins.GwtMaterialAddinsDebug"/>
 -->
<inherits name="gwt.material.design.GwtMaterialTableDebug"/>

Thanks for the reply

[kevzlou7979]

OK so you need to import

 <inherits name="gwt.material.design.GwtMaterialWithJQuery"/>

instead of 
<inherits name="gwt.material.design.GwtMaterialDesign"/> 

because displayEffect needs JQuery

[rodrigobastosv]

Ok, that's a start.

Now i'm getting [ERROR] Unable to find 'gwt/material/design/GwtMaterialDesignWithJQuery.gwt.xml' on your classpath; could be a typo, or maybe you forgot to include a classpath entry for source?

[rodrigobastosv]

After hours i've figured that i was puting <inherits name="gwt.material.design.GwtMaterialDesignWithJQuery"/> instead of <inherits name="gwt.material.design.GwtMaterialWithJQuery"/>

But after changing i got the same error. The error is bellow if helps in anything.

Thank you

[raphaelbn]

I'm having the exact same problem mentioned here

[rodrigobastosv]

BTW i'm using Gwt-material in a GWT project, not a GWTP one. Don't know if that's relevant info.

[chrishilgemann]

Any suggestions ? Have the same issues

[rodrigobastosv]

@chrishilgemann turns out that a lot of js files where not loadiing for some reason. What i did was putting all the necessary js code in a file and importing in my app.html file.

That isn't the cleaner solution but it did the work for me

[rodrigoborgesdeoliveira]

@rodrigobastosv do you happen to remember which files you had to manually import?

[rodrigobastosv]

Hi @rodrigoborgesdeoliveira i don't really remember.

What version of GMD are you using? When i updated to GMD 2.1.1 this problem was solved and i took the files away.

Let me know if it works and if not i can't take some time to look for the files here

[rodrigoborgesdeoliveira]

Hmm, that's exactly the version I'm using. But no problem then. I'll see what I can find.

[rodrigobastosv]

Hey @rodrigoborgesdeoliveira i found the file.

Send me an email so i can send to you the file

[rodrigoborgesdeoliveira]

Thank you, @rodrigobastosv. I don't know where to find your e-mail, can you send to [email protected]?

[rodrigobastosv]

Sure. I just shared with you

[rodrigoborgesdeoliveira]

Thank you very much!