Template topbar responsive menus not working

[rene]

In the omega live perview (http://www.primefaces.org/omega/) there appeares a left and a right responsive-menu in the topbar, if the browser screen is small enough. This function doesn't work in my application. If I click on one of the links nothing happens!?
I delpoy also the omega-1.0.1.war (live perview demo) to a local tomcat - the same problem.

[cagatay.civici]

How small? What is the width you have tested? We have checked against many mobile devices.

[rene]

The left topbar-menu icon (fa-bars) appears at a width lesser than 922px the rigth (fa-ellipsis-h) lesser than 576px. I see the icons but if I cklick on the icons - nothing happens - no menu is visible. I haven't also no jsf or java script error. simply nothing happens.

[cagatay.civici]

@aragorn, @trypticon, can you replicate?

[DarthMaul]

Everything works fine.I couldn't replicate it locally.

[mert.sincan]

Can you please try this issue after making the following change in your OmegaMenuRenderer.java?

Code: Select all

public class OmegaMenuRenderer extends BaseMenuRenderer {
     ....

    @Override
    protected void encodeScript(FacesContext context, AbstractMenu abstractMenu) throws IOException {
        OmegaMenu menu = (OmegaMenu) abstractMenu;
        String clientId = menu.getClientId(context);
        WidgetBuilder wb = getWidgetBuilder(context);
        wb.initWithDomReady("Omega", menu.resolveWidgetVar(), clientId).finish(); // instead of wb.init(...).finish();
    }
    
}

[rene]

Ok. I remove the omega-menu.jar from the classpath and add the OmegaMenu.java and OmegaMenuRenderer.java and register them. Now it works fine !!!
But the strange thing - in the Source is the Line:

Code: Select all

wb.initWithDomReady("Omega", menu.resolveWidgetVar(), clientId).finish();

With wb.init(...) it doesn't work! Which line is packaged in the 1.0.1.JAR?

[cagatay.civici]

init is packaged in 1.0.1 and initWithDomReady is in 1.0.

We're working on this for 1.0.2.

[cagatay.civici]

The fix turned out to be super simple, just move sidebar.xhtml after topbar.xhtml in template.xhtml so it becomes;

Code: Select all

        <div class="wrapper">
            <ui:include src="topbar.xhtml" />
            
            <ui:include src="sidebar.xhtml" />
            
            <div class="main">
                <ui:insert name="content"/>
            </div>
            
            <ui:include src="footer.xhtml" />
        </div>

We'll do this change in tomorrow's Omega 1.0.2 release as well.

[rene]

I test the fix. it works . thank you.