APEX: Vergrößern der Navigationsbar bei einem Seitenmenü per Javascript

Moin allerseits,

heute wieder ein kurzer Beitrag zu Oracle APEX. Was will ich machen? Das seitliche Navigationsmenü soll verbreitert werden. Die übliche Option ist natürlich über den Theme Roller.

Das ging in unserem Projekt nicht, denn das Universal Theme war noch bei einer älteren Version und sollte auch dabei bleiben.

Wir hatten ein paar längere Menüeinträge, daher sollte das Menü breiter werden.

Funktioniert hat dieser Wunsch mit dem Einsatz von Javascript auf der Page 0, der Global Page - Desktop mit einer Dynamic Action beim Page Load.

Javascript Source: Link zum File auf Github.

Screenshot vom eingeklappten Menü:

Screenshot vom ausgeklappten Menü:

Die Herausforderung bestand darin, dass manchmal nicht alle Menüs und Pages korrekt dargestellt wurden, sondern so ein Zwitter entstand. Dann haben auch die Abstände nicht gestimmt.

Wir haben in dem Javascript File ein Initial Setting bei Applikationsstart sowie weitere Zweige, wenn des Menü auf expanded bzw. collapsed geht oder auf einen Navigationseintrag geklickt wird.

Viel Spass beim Ausprobieren wünscht Holger.