CSS style not applied

[maxr397]

Hi all,
I'm using a menu component (menu bar) and no styles are applied. The html classes are partially applied in the html code.

Code: Select all

<div id="j_idt121:j_idt140">
<ul id="j_idt121:j_idt140_menu">
    <li><a
        onclick="PrimeFaces.ajax.AjaxRequest('/****?execution=e9s1',{formId:'j_idt121',async:false,global:true,source:'j_idt121:j_idt141',process:'@all',update:'****'});"
        href="javascript:void(0)"><span class="pictoMenu picto_apercu16 wijmo-wijmenu-icon-left"></span><span
        class="wijmo-wijmenu-text">*****</span></a></li>
    <li><a href="javascript:void(0)"><span class="pictoMenu picto_personnes16bis wijmo-wijmenu-icon-left"></span><span
        class="wijmo-wijmenu-text">*******(s) (1)</span></a>
    <ul>
        <li><a
            onclick="PrimeFaces.ajax.AjaxRequest('/******?execution=e9s1',{formId:'j_idt121',async:false,global:true,source:'j_idt121:j_idt143',process:'@all',update:'*****'});"
            href="javascript:void(0)"><span class="wijmo-wijmenu-text">****</span></a></li>
    </ul>
    </li>
    <li><a href="http://www.google.com/search?q=finances"><span
        class="pictoMenu picto_finance16 wijmo-wijmenu-icon-left"></span><span class="wijmo-wijmenu-text">****</span></a></li>
</ul>
</div>

After a refresh, all styles are well applied :

Code: Select all

 <div id="j_idt121:menubar">
    <div class="ui-widget ui-widget-content wijmo-wijmenu ui-corner-all ui-helper-clearfix wijmo-wijmenu-horizontal"
        aria-activedescendant="ui-active-menuitem" role="menubar">
    <div class="scrollcontainer checkablesupport">
    <ul id="j_idt121:menubar_menu" style="display: block;" class="wijmo-wijmenu-list ui-helper-reset" tabindex="0">
        <li role="menuitem" class="ui-widget wijmo-wijmenu-item ui-state-default ui-corner-all"><a
            onclick="PrimeFaces.ajax.AjaxRequest('********/ui/*****?execution=e12s1',{formId:'j_idt121',async:false,global:true,source:'j_idt121:j_idt141',process:'@all',update:'********'});"
            href="javascript:void(0)" class="wijmo-wijmenu-link ui-corner-all"><span class="wijmo-wijmenu-text"><span
            class="pictoMenu picto_apercu16 wijmo-wijmenu-icon-left"></span><span class="wijmo-wijmenu-text">Aperçu</span></span></a></li>
        <li role="menuitem" class="ui-widget wijmo-wijmenu-item ui-state-default ui-corner-all wijmo-wijmenu-parent"
            aria-haspopup="true"><a href="javascript:void(0)" class="wijmo-wijmenu-link ui-corner-all"><span
            class="wijmo-wijmenu-text"><span class="pictoMenu picto_personnes16 wijmo-wijmenu-icon-left"></span><span
            class="wijmo-wijmenu-text">Personne(s) (1)</span></span><span class="ui-icon ui-icon-triangle-1-s"></span></a>
        <ul
            class="wijmo-wijmenu-list ui-widget-content ui-corner-all ui-helper-clearfix wijmo-wijmenu-child ui-helper-reset"
            style="display: none;" role="menu" aria-activedescendant="ui-active-menuitem" aria-hidden="true">
            <li role="menuitem" class="ui-widget wijmo-wijmenu-item ui-state-default ui-corner-all"><a
                onclick="PrimeFaces.ajax.AjaxRequest('********/ui/*****?execution=e12s1',{formId:'j_idt121',async:false,global:true,source:'j_idt121:j_idt143',process:'@all',update:'********'});"
                href="javascript:void(0)" class="wijmo-wijmenu-link ui-corner-all"><span class="wijmo-wijmenu-text"><span
                class="wijmo-wijmenu-text">Williams Cartotto</span></span></a></li>
        </ul>
        </li>
        <li role="menuitem" class="ui-widget wijmo-wijmenu-item ui-state-default ui-corner-all"><a
            href="http://www.google.com/search?q=finances" class="wijmo-wijmenu-link ui-corner-all"><span
            class="wijmo-wijmenu-text"><span class="pictoMenu picto_finance16 wijmo-wijmenu-icon-left"></span><span
            class="wijmo-wijmenu-text">Finances</span></span></a></li>
    </ul>
    </div>
    </div>
    </div>

I think about a js problem but if you have any idea let me know.

Thx,
Maxime

[vinche]

I'm working also on this issue.. Let me give you more info..

This menu is load after a row select on a dataTable (which is an ajaxRequest).

The MenuBarRenderer encodeMarkup realy write the script in the PPR (we can see in the xml <partialresponse>). but the javaScript is not evaluated.

[vinche]

I got it !!! The menu.js is not present in the html header.

We had a strange behavior with fireBug that's why at first we never saw the 'PrimeFaces.widget.Menubar is not a construtor'.

What's the best solution/workarround to retrieve this javascript ?
I currently hardcode the <script> tag in my layout but I'm not fan of this solution.