APEX 5.0: Change export calendar links position

After trying new amazing APEX 5.0 Calendar, even though I’ve found it great, I really think further work is needed in order to provide more options for developers. We’re unable to change inner HTML code because we’re don’t have Templates associated to this new component, and we’re even unable to define different position for its components.

I needed to show export links above calendar, and since APEX does not provide any utility to define other positions, I finally did a small jQuery hack which will let you move pieces around. Hope it helps also for other purposes.

Basically, APEX generates 2 DIV’s for each calendar, one with the calendar itself and the other one for the export links. Its ID’s end with “_calendar” for the first, and “_download” for the second:

So being aware of this, you can write following jQuery to swap their positions:

Therefore, creating a new “Dynamic Action” firing “On Page Load” you can execute previous script at runtime so that it finally shows export links above calendar:

Tags: , , ,

3 Responses to “APEX 5.0: Change export calendar links position”

  1. Sejal Parikh 01/09/2016 at 20:54 #

    Hi, Can you give exact steps for the dynamic action here?

    • Sejal Parikh 01/09/2016 at 21:02 #

      Also for my calendar in APEX 5, I dont see export links at all!

      • josepcoves 02/09/2016 at 09:14 #

        Hi Sejal,

        You must first enable calendar export from APEX options. After that if you inspect your HTML code you’ll see the id’s _calendar and _download as I stated above.

        So after inspecting your code you must replace it with your ID’s:

        $(“div[id$=’ID_TO_REPLACE_calendar’]”).before($(“div[id$=’ID_TO_REPLACE_download’]”))

Leave a Reply

APEX 5.0: Change export calendar links position

After trying new amazing APEX 5.0 Calendar, even though I’ve found it great, I really think further work is needed in order to provide more options for developers. We’re unable to change inner HTML code because we’re don’t have Templates associated to this new component, and we’re even unable to define different position for its components.

I needed to show export links above calendar, and since APEX does not provide any utility to define other positions, I finally did a small jQuery hack which will let you move pieces around. Hope it helps also for other purposes.

Basically, APEX generates 2 DIV’s for each calendar, one with the calendar itself and the other one for the export links. Its ID’s end with “_calendar” for the first, and “_download” for the second:

So being aware of this, you can write following jQuery to swap their positions:

Therefore, creating a new “Dynamic Action” firing “On Page Load” you can execute previous script at runtime so that it finally shows export links above calendar:

No comments yet.

Leave a Reply

APEX 5.0: Change export calendar links position

After trying new amazing APEX 5.0 Calendar, even though I’ve found it great, I really think further work is needed in order to provide more options for developers. We’re unable to change inner HTML code because we’re don’t have Templates associated to this new component, and we’re even unable to define different position for its components.

I needed to show export links above calendar, and since APEX does not provide any utility to define other positions, I finally did a small jQuery hack which will let you move pieces around. Hope it helps also for other purposes.

Basically, APEX generates 2 DIV’s for each calendar, one with the calendar itself and the other one for the export links. Its ID’s end with “_calendar” for the first, and “_download” for the second:

So being aware of this, you can write following jQuery to swap their positions:

Therefore, creating a new “Dynamic Action” firing “On Page Load” you can execute previous script at runtime so that it finally shows export links above calendar:

No comments yet.

Leave a Reply