Enable Multiselected feature of Oracle APEX Tree

  Some features of the Oracle APEX Tree are not customizable in the Attributes section, and to customize them you must use JS code in the " JavaScript Initialization Code " section, so  in this post  I will explain how to enable   Multiselected  feature of Oracle APEX tree.

 

Add details section to IG

 In this post, that  is inspired by a JS code  of  Foad Attar I will add a details section to each row in IG to show columns.

As you can see, I have selected only three columns for IG columns and the other columns are shown in details section.

Add checkbox item to IR and Maintaining checkboxes state

In this post, I have an Interactive Report which I have added a checkbox for each row. I tried to keep the state of each checkbox (checked or unchecked) even if I transfer between pages of the Interactive Report or reload the page. So I have used the "Local Storage" of the Browser as a place to maintain and retrieve the checked rows.

 

Restrict users to select specific days in date picker via JavaScript

For this post I have two date picker item and I want to restrict users to select dates just between “From Date“ and seven days after that.

Call Dynamic Actions via JavaScript code

Oracle APEX has four dynamic action event types. In this post we will describe how to call dynamic actions of type browser event and custom event via JavaScript .

Call Browser Events(change,click,Keyup,…) below code will call a dynamic action that has been defined for click event on a button with “mybtn” id:

apex.event.trigger('#mybtn','click');

Call dynamic action with custom event:

Create your dynamic action as below:

When->

         Event: Custom

         Custom Event: myEventName

          Selection Type: JavaScript Expression

          JavaScript Expression:document

Client-side Condition->

          JavaScript Expression: document

Then call your dynamic action in JavaScript code as below:    
$.event.trigger(document.'myEventName');

Using Intro.js in Oracle APEX

Using Intro.js to create a step-by-step guide and feature introduction in Oracle APEX.

When new users visit your website or product you should demonstrate your product features using a step-by-step guide. Even when you develop and add a new feature to your product, you should be able to represent them to your users using a user-friendly solution. Intro.js is developed to enable web and mobile developers to create a step-by-step introduction easily. Intro.js is open-source and free to use.
You can visit https://introjs.com to find more information about Intro.js

Using Stimulsoft Reports.JS in Oracle APEX

The idea and copyright comes from stimulsoft GitHub .You can visit stimulsoft GitHub repository via this link https://github.com/stimulsoft/Samples-JS/tree/master/JavaScript for more information and  complete documentation.

Stimulsoft Reports.JS builds reports using only JavaScript and HTML5. It can be used in any JavaScript application. This significantly expands the list of supported devices from desktop computers to mobile devices. You can visit stimulsoft.com/en/products/reports-js to find more information about this tools.
For this blog I create a report  file of type JSON data source in advance via Stimulsoft report designer.