The APEX Builder Extension by FOS is a free and open-source browser extension that enhances the Oracle APEX Builder.

Latest Version

Version
23.2.2
Update
September 15, 2023
Size
6.44MiB
Developer
foex.at
Category
Users
4,000+
Rating
4.83333 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
See more

APEX Builder Extension by FOS Extension

The \"APEX Builder Extension by FOS\" enables you to edit static application, workspace, plug-in and theme files, directly in the APEX Builder! With seamless integration into the existing builder screens it will vastly improve your development speed & workflow when dealing with JavaScript, CSS, and JSON files.

It uses the same powerful code editor as the one behind Visual Studio Code and allows you to edit multiple files at once, in split screen, or optionally in full screen. You can create files and save changes without submitting the page, giving you that \"native programming\" experience.

Other notable features include: JavaScript & CSS file minification, Less CSS file compilation and hot reloading.

New with 22.1.0:
- \"Comment out\" feature in Page Designer

New with 21.2.0:
- Fullscreen feature for code editor
- Save button inside the code editor in page designer
- Automatically adding used page items to \"Page Items to Submit\"
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "APEX Builder Extension by FOS", "short_name": "FOS", "description": "The APEX Builder Extension by FOS is a free and open-source browser extension that enhances the Oracle APEX Builder.", "version": "23.2.2", "author": "FOEX GmbH", "homepage_url": "http://www.foex.at", "icons": { "128": "assets/icons/FOS_browser_extension_128x128.png" }, "browser_action": { "default_icon": "assets/icons/FOS_browser_extension_128x128.png" }, "content_scripts": [ { "matches": [ "*://*/*/r/apex/workspace/*", "*://*/*/r/apex/app-builder/*", "*://*/*/r/apex/sql-workshop/*", "*://*/*f?p=4000:*", "*://*/*f?p=4500:*" ], "js": [ "main.js" ], "run_at": "document_idle" } ], "web_accessible_resources": [ "*" ]}
Read more

How to download and manually install APEX Builder Extension by FOS extension for Chrome

Looking for a way to install APEX Builder Extension by FOS extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install APEX Builder Extension by FOS extensions manually, this article outlines two simple methods to effortlessly install APEX Builder Extension by FOS extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download APEX Builder Extension by FOS extension and manually install through Drag &Drop

If you ever need to manually install a APEX Builder Extension by FOS extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the APEX Builder Extension by FOS Extension by clicking the "Download CRX" button on the website.

Look for the APEX Builder Extension by FOS extension you wish to install. Go to the website and download the APEX Builder Extension by FOS extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for APEX Builder Extension by FOS extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the APEX Builder Extension by FOS extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download APEX Builder Extension by FOS extension for Chrome and install in Developer Mode

This is another method to install APEX Builder Extension by FOS extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the APEX Builder Extension by FOS extension file

Select and download the APEX Builder Extension by FOS extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the APEX Builder Extension by FOS extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your APEX Builder Extension by FOS extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the APEX Builder Extension by FOS extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install APEX Builder Extension by FOS extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Insum APEX Pro Extension · Developer Tools 4,000+ 11 ★ 284KiB

icon

FOEX Developer Addon Extension · Developer Tools 4,000+ 4 ★ 415KiB

icon

APEX Project Eye Extension · Developer Tools 4,000+ 0 ★ 49.68KiB

icon

APEX Page Designer Tab Lock - Explorer UK Extension · Developer Tools 4,000+ 15 ★ 134KiB

icon

PLSQL Formatter for APEX Extension · Developer Tools 4,000+ 1 ★ 1.07MiB

icon

jQuery Debugger Extension · Developer Tools 4,000+ 110 ★ 88.52KiB

icon

Oracle Apex Session Manager Extension · Productivity 4,000+ 2 ★ 12.76KiB

icon

SMART4Solutions - APEX Plugin Extension · Developer Tools 4,000+ 3 ★ 351KiB

icon

Apex Debugger Extension · Developer Tools 4,000+ 30 ★ 881KiB

icon

APEX Developer Addon Extension · Developer Tools 4,000+ 13 ★ 75.4KiB

icon

APEX Enhanced Column Attributes Extension · Developer Tools 4,000+ 2 ★ 461KiB

icon

ThinForms Enterprise - for Oracle Forms + EBS Extension · Productivity 4,000+ 49 ★ 26.65KiB

icon

Salesforce SObject2Apex code generator Extension · Developer Tools 4,000+ 3 ★ 2.17MiB

icon

SQL Format Extension · Developer Tools 4,000+ 15 ★ 110KiB

icon

Dev Helpers Extension · Developer Tools 4,000+ 6 ★ 135KiB

icon

JavaScript Profiler Extension · Developer Tools 4,000+ 9 ★ 13.87KiB

icon

Javascript & Css auto injection Extension · Developer Tools 4,000+ 14 ★ 899KiB

icon

DOM to JSON Selector Extension · Developer Tools 4,000+ 0 ★ 48.55KiB

icon

MaxFocus: Link Preview & AI Assistant Extension · Productivity 4,000+ 107 ★ 426KiB

icon

Oracle Smart View for Office Extension · Productivity 4,000+ 3 ★ 21.24KiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 4,000+ 9 ★ 84.8KiB

icon

Refresh Active Frame Extension · Accessibility 4,000+ 5 ★ 21.17KiB

icon

Salesforce Simplified Extension · Developer Tools 4,000+ 46 ★ 609KiB

icon

Salesforce DevTools Extension · Developer Tools 4,000+ 48 ★ 4.6MiB

User reviews

icon

Jochen Zehe (ID: 000000bff0a36b8e) Voted 5 ★ - Updated 05/24/2022 Love this extension. It's very helpful and well thought !

icon

Mostafa Sharafi (ID: 0000006cc658ae3b) Voted 4 ★ - Updated 04/18/2022 it worked well but today i encounter an error . i think it's because of missing codemirror resource. https://apex.oracle.com/i/libraries/codemirror/5.48.4/codemirror-custom.min.js?v=20.1.0.00.11 Not Found

icon

David Lang (ID: 0000009cccc98d91) Voted 5 ★ - Updated 07/23/2020 This is a game changer for JavaScript/CSS development in APEX. Works really well, lots of credit to the developers for this. Brilliant!

icon

Adam Kierzkowski (ID: 00000080b7887c79) Voted 5 ★ - Updated 07/23/2020 Great idea, thank you FOEX for this tool!

icon

Zoran Tica (ID: 00000054571efd13) Voted 5 ★ - Updated 07/21/2020 Fantastic APEX tool - it speeds up javascript/CSS editing and makes it so easy. Thank You FOEX team!