Hi all,


This is prasad using great extension 'Ari Ext Menu' since last 1 month.initially i have some problems and they are easily rectified by Our ARI soft Team very quickly. Thanks again for their fast response in past.

Now, i had one problem again.The sub menu items of menu items are not displayed on a page.except on that page every thing is very good. in that page we used some Regions map components.But even on some other pages it's working good.but on some pages its not.

I thoroughly checked that not working page with working page.i found the difference in css classes added to submene items.

Working page:
/******************************************************************/
<div class="ux-menu-container ux-menu-clearfix" id="ariext96_container" style="z-index: 9999;">
<ul class="ux-menu ux-menu-horizontal" id="ariext96">
<li class="ux-menu-item-main ux-menu-item-level-0 ux-menu-item1 ux-menu-item-parent-pos0 current" id="ext-gen9">
<a class=" id-1 ux-menu-link-level-0 ux-menu-link-first 1 current" href="/" id="ext-gen8">HOME</a>
</li>
<li class="ux-menu-item-main ux-menu-item-level-0 ux-menu-item-parent ux-menu-item3 ux-menu-item-parent-pos1" id="ext-gen5">
<a class=" id-1 ux-menu-link-level-0 ux-menu-link-parent " href="/EI-about-us.htm" id="ext-gen2">ABOUT US<span class="ux-menu-arrow"></span></a>
<ul class="ux-menu-sub ux-menu-hidden" style="width: 198px; left: 0px; top: 25px;" id="ext-gen11">
<li class=" ux-menu-item-level-1 ux-menu-item107" style="width: 198px;">
<a class=" id-1 ux-menu-link-level-1 ux-menu-link-first" href="/EI-our-team.htm">Our Team</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item108" style="width: 198px;">
<a class=" id-1 ux-menu-link-level-1" href="/EI-our-concept.htm">Our Concept</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item112" style="width: 198px;">
<a class=" id-1 ux-menu-link-level-1" href="/EI-enchantingtravels.htm">About Enchanting-travels</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item113" style="width: 198px;">
<a class=" id-1 ux-menu-link-level-1" href="/EI-accreditation.htm">Accreditations</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item114" style="width: 198px;">
<a class=" id-1 ux-menu-link-level-1" href="/EI-customer-feedback.htm">Testimonials</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item115" style="width: 198px;">
<a class=" id-1 ux-menu-link-level-1" href="/EI-CompanyNews.htm">Company News</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item116" style="width: 198px;">
<a class=" id-1 ux-menu-link-level-1 ux-menu-link-last" href="/EI-contact-us.htm">Contact Us</a>
</li>
</ul>
</li>
</ul>
</div>
/******************************************************************/



Non-working page code is like this:
/******************************************************************/
<div class="ux-menu-container ux-menu-clearfix" id="ariext89_container">
<ul class="ux-menu ux-menu-horizontal" id="ariext89">
<li class="ux-menu-item-main ux-menu-item-level-0 ux-menu-item1 ux-menu-item-parent-pos0">
<a class=" id-63 ux-menu-link-level-0 ux-menu-link-first" href="/">HOME</a>
</li>
<li class="ux-menu-item-main ux-menu-item-level-0 ux-menu-item-parent ux-menu-item3 ux-menu-item-parent-pos1">
<a class=" id-63 ux-menu-link-level-0 ux-menu-link-parent" href="/EA-About-us.htm">ABOUT US<span class="ux-menu-arrow"></span></a>
<ul class="ux-menu-sub ux-menu-init-hidden">
<li class=" ux-menu-item-level-1 ux-menu-item313">
<a class=" id-63 ux-menu-link-level-1" href="/EA-our-team.htm">Our Team</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item314">
<a class=" id-63 ux-menu-link-level-1" href="/EA-our-concept.htm">Our Concept</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item315">
<a class=" id-63 ux-menu-link-level-1" href="/EA-enchanting-travels.htm">About Enchanting-Travels</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item316">
<a class=" id-63 ux-menu-link-level-1" href="/EA-accreditation.htm">Accreditations</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item317">
<a class=" id-63 ux-menu-link-level-1" href="/About-us/testimonial.htm">
</li>
<li class=" ux-menu-item-level-1 ux-menu-item318">
<a class=" id-63 ux-menu-link-level-1" href="/EA-Company-News.htm">Company News</a>
</li>
<li class=" ux-menu-item-level-1 ux-menu-item319">
<a class=" id-63 ux-menu-link-level-1" href="/EA-Contact-us.htm">Contact Us</a>
</li>
</ul>
</li>
</ul>
</div>
/******************************************************************/

Hello,

Provide a link to a page where we can a problem.

Regards,
ARI Soft

Hi,

Thanks for responding.Actually issue was fixed. The issue is java-script error on the page prevented on mouse over script.

But, i want to know about the 'ux-menu-init-hidden' class usage. what i understood about this class is initially it is added and later it is removed in php script. but i want to completely know about this.


Thanks&Regards,
CH.V.K.Prasad,
Indavest Technology Ventures.

Hello,

It is used to hide sub-menu items till menu javascript is called. It is used to avoid blinking sub-menu items on load.

Regards,
ARI Soft