Switch Application from Page Designer

By

Intro

When using APEX Page designer, especially when I want to switch among different applications, I have to switch to other pages (select another app and certain page) and then back to page designer.

What if I want to concentrate on page designer? Inspired by Oracle APEX Builder Plugin, I build my first APEX builder plugin: Switch Application.

Demo

Features

  • Switch to another application page from page designer
  • Application and Page status listed in select options
  • Theme friendly by using APEX builder theme
  • Shortcuts Support

How it works


Let's go through the pic above:
  1. user script embed in browser extension (here is Tempermonkey for Chrome) adds one button "app switch" in the toolbar area in page designer after inspecting url containing "/f?p=4000:4500:" which means current page is APEX page designer.
  2. Clicking button "app swicth" will open a dialog 
  3. This dialog will invoke a page from another APEX application page pre-defined and installed in current APEX database instance into an iframe. 
  4. This page will handle the application and page selection, and Page Designer direction after click "Go" button.
BTW, it should work for applications from different workspaces but same database instance as APEX.

Code

Check my Github repo for source code:
  • APEXT_SwitchApplication_user.js: user script for browser extension such as Tempermonkey
  • APEXT_SwitchApplication_v0.0.1_exp_from_APEX5.1.0.sql: Switch Application app from APEX 5.1.0
  • APEXT_SwitchApplication_v0.0.1_exp_from_APEX5.1.2.sql: Switch Application app from APEX 5.1.2

How to Start

  • First, you need to install a user script extension for your browser. For me, I use Chrome more often so I use Tempermonkey. After get the extension ready, go to user script published on greasyfork.org and click install.
  • Then, import APEXT_SwitchApplication_v0.0.1 to your current APEX workspace. Here I provided source app from APEX 5.1.0 and 5.1.2. Chose one you like or matching your APEX version.
Now when you direct your APEX to page designer, you will find a new button for application switch as my demo.

How to Use

This extension provides mouse click and shortcuts for your preference. For shortcuts:
  • Ctrl+Alt+A(a): Open Dialog
  • Esc: Close Dialog
  • Ctrl+Enter: Redirect Page Designer
Have a fun with APEX :)

Update:
As Marko mentioned on twitter today, there is a quickest way for application switch in PD:
Why just not use Search Application box? You put application_id:page_id or application_id-page_id and hit enter. The quickest way for sure.
Some Clue here.

Comments

Post a Comment

Popular posts from this blog

Note for APEX 5.1 UI, Theme, Templates and Substitution Strings

By
Image
From application shared components, User Interface section, we can get the hierarchy diagram as below.  Source SVG There are three levels, User Interface, Theme, and Template. UI attributes specify user interface options, including application level logo, favicon, user interface detection (especially application level CSS files for screen auto-detection ) and current theme Theme as a collection of templates, include theme level JavaScript, CSS, icons, image, skin style, and other static files serving current theme, component default template assignment, region default template assignment, and global template options (references between CSS classes and global style options, i.e. Button type option: tiny, Small or large) Template:  Major template types include page, region, report, button, breadcrumb, list and label (with yellow background color) Theme42 also includes templates for Legacy Calendar and Popup LOV as default but I don't draw in the diagram Note:  Na
Keep reading

RDS Customizable for APEX 5.1

By
Image
Background Is there a way to set a parent for regions that allocated or assigned to Region Display Selector, especially when there are multiple RDSes in one page? This is the first question when I used RDS in APEX 5.1. I think this is a common question after you find there is a Yes/No option for RDS without a parent node. Then I posted this question to Steven's Blog . er, Yes, I did. It's an old post but Steven still replied and re-posted my question to his twitter after checking with his team. How professional! And then I got the answer is no. No default or original way but the workaround with template or region type. Then I found the plugin RDS Customizable  (link is original design with version 1.1 ). It's for APEX 4+. I used it on APEX 5.1 and found there are some slight bugs. Now I renew it to work gracefully with 5.1 and update source code to github folder . region_type_plugin_com_blogspot_apexnotes_apex_rds_customizable_V1.2.sql : plugin v1.2 source code
Keep reading

Use Plugin Code Editor - Part 1/4: Demo

By
Image
If you want to use Code Editor plugin in Oracle APEX internal applications, you need 6 steps below to make it happen from scratch. get an application with f4000 theme (see  Use Theme: APEX 5.0 ) import f4000 to your APEX and export plugin "Code Editor" create test pages using Code Editor detect and add missed CSS and JavaScript files grant corresponding privilege to application parsing schema check issues and fix rock and roll Note: Here using internal Theme APEX5.0 is not mandatory but it's helpful from scratch. Now, you could jump over these steps,  import my demo applications and start you work with Code Editor. Demo If you find page loading without GIFs, please click HD GIFs link below (Due to the GIF size, it will take a while to load.): Native Hybrid Migrated Native Main features: theme APEX 5.0 supported all item type Code Editor plugins with 9 supported code modes with 11 items based on supported modes (PL/SQL Expression and Fun
Keep reading