Xpages — Использование модуля Dojo

У меня есть пользовательский элемент управления, как показано ниже, который в основном используется для создания меню. когда я использую этот пользовательский элемент управления в xpage, стили не применяются. Однако, когда я использую средство выбора даты и времени на той же странице xpage, меню загружается нормально с правильным css. Кажется очень странным. На данный момент я использую средство выбора даты и времени также на всех xpages, где требуется меню. Может ли кто-нибудь помочь мне в этом

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:this.resources>
<xp:dojoModule name="dijit.MenuBar"></xp:dojoModule>
<xp:dojoModule name="dijit.PopupMenuBarItem"></xp:dojoModule>
<xp:dojoModule name="dijit.Menu"></xp:dojoModule>
<xp:dojoModule name="dijit.MenuItem"></xp:dojoModule>
<xp:dojoModule name="dijit.PopupMenuItem"></xp:dojoModule>
</xp:this.resources>
<div dojoType="dijit.MenuBar" id="navMenu">
<div dojoType="dijit.PopupMenuBarItem"
onClick="gotoPage('/home.xsp')">
<span>Home</span>
</div>
<div dojoType="dijit.PopupMenuBarItem"
onClick="gotoPage('/onboarding.xsp')">
<span>OnBoarding</span>
</div>
<div dojoType="dijit.PopupMenuBarItem"
onClick="gotoPage('/offboarding.xsp')">
<span>OffBoarding</span>
</div>
</div>
</xp:view>