{"id":5315,"date":"2023-01-17T21:25:06","date_gmt":"2023-01-17T20:25:06","guid":{"rendered":"https:\/\/gpmfactory.com\/?p=5315"},"modified":"2023-01-19T13:29:34","modified_gmt":"2023-01-19T12:29:34","slug":"improving-displaying-fullcalendar-for-oracle-apex-on-mobile-devices","status":"publish","type":"post","link":"https:\/\/gpmfactory.com\/index.php\/2023\/01\/17\/improving-displaying-fullcalendar-for-oracle-apex-on-mobile-devices\/","title":{"rendered":"Improving displaying FullCalendar for Oracle APEX on mobile devices"},"content":{"rendered":"\n

Even with the last version of Oracle APEX (22.2) which embeds Version 5 of FullCalendar, displaying can be slighty improved to give a better rendering on mobile devices.<\/strong><\/p>\n\n\n\n

Below are two samples emulated on iphone 6: First one is a displaying with default values, Second is a a calendar with some additional actions. <\/p>\n\n\n\n

\n
\n
\"\"
In the default version, the title for Contextual dates are too larges and some buttons are not displayed. The navigation buttons are confusing.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
In the customized version, the navigation button are better reachable at right side with more intuitive icons, size of contextual date is reduced and view buttons are displayed entirely.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Additional actions<\/h4>\n\n\n\n

In the improved version, we:<\/p>\n\n\n\n

    \n
  • Hide navigation <\/em>option in Calendar Views and Navigation<\/em><\/strong> section
    The standard arrows will be replaced by customized buttons<\/li>\n<\/ul>\n\n\n\n
      \n
    • Add three buttons in EDIT section of the Calendar region\n
        \n
      • Previous\n
          \n
        • DA on button: apex.region(\"calendar\").widget().data(\"fullCalendar\").prev();<\/code><\/li>\n\n\n\n
        • ico: fa-arrow-left-alt u-color-1-text<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • Today\n
            \n
          • DA on button: apex.region(\"calendar\").widget().data(\"fullCalendar\").today();<\/code><\/li>\n\n\n\n
          • icon: fa-pie-chart-0<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Next\n
              \n
            • DA on Button: apex.region(\"calendar\").widget().data(\"fullCalendar\").next();<\/code><\/li>\n\n\n\n
            • icon: fa-arrow-right-alt u-color-1-text<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                \n
              • override class style at the page level in INLINE CSS section<\/li>\n<\/ul>\n\n\n\n

                .fc .fc-toolbar-title {
                font-size: small;
                }<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

                Even with the last version of Oracle APEX (22.2) which embeds Version 5 of FullCalendar, displaying can be slighty improved to give a better…<\/p>\n","protected":false},"author":1,"featured_media":5317,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"ppma_author":[150],"class_list":["post-5315","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-classe"],"authors":[{"term_id":150,"user_id":1,"is_guest":0,"slug":"admin8700","display_name":"Patrick","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/209d5ed69b74d288390621ab4c1d3773?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/posts\/5315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/comments?post=5315"}],"version-history":[{"count":8,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/posts\/5315\/revisions"}],"predecessor-version":[{"id":5342,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/posts\/5315\/revisions\/5342"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/media\/5317"}],"wp:attachment":[{"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/media?parent=5315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/categories?post=5315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/tags?post=5315"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/gpmfactory.com\/index.php\/wp-json\/wp\/v2\/ppma_author?post=5315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}