Make Carousel Container slider visible inside Inline Dialog modal - oracle-apex

I have a Carousel Container slider, and it's visible and works fine as a region on the page. But for some reason it is collapsing and is not visible inside an Inline Dialog modal window region. Why and how to fix it?
EDIT 1: The only viable solution I've came to for now is to create a page as modal and call it on click of a button with a href.

The only working solution for APEX 5.1 is to create a page with Page Mode: Modal Dialog and call it from another page, for example, on click of a button with Redirect to Page behavior.

Related

How can I refresh and show/hide buttons in Buttons Container in Modal Dialog in Oracle APEX based on an Item Value?

In Oracle APEX 22.1 (Oracle Database EE 21c) I have a Modal Dialog Box which has a button container with several buttons. These buttons are being shown or not, based on a item in dialog box variable that is 0 or 1.
When I press the button "UnDelete", a Dynamic Action of PL/SQL execution type is fired, change the value of a field in the database and then two another Refresh True Actions follow. The PL/SQL execution type changes the value of the field in the database of a table successfully and the first dynamic Action refreshes a Classic Report Region on the Modal Dialog Box showing the new correct value of the field.
The second Refresh True Action tries to Refresh the Button Container Region of the Modal Dialog Box in order to hide the button "UnDelete" and show the rest buttons, which all are Server Condition based on this variable value. The Refresh does not take place(maybe the Button Container Region does not support the Refresh Event or does not propagate it to its Buttons)?
How can I achieve this effect?
Thanks In Advance!
I tried the Refresh Action for the Button Container Region of the Modal Dialog Box,but the buttons are not shown/hide accordingly.
"Refresh" is not relevant for a button container. The "refresh" action in apex does an ajax call to refresh the content of a report - it just re-renders a part of the DOM containing data. Currently only the data rendered by a component can be refreshed using partial page refresh. A button can never "refreshed", it is rendered in the page rendering process and from then on it lives in the DOM for the lifespan of the page.
A server side condition is evaluated at page rendering time. If a server side condition yields false at page rendering time, the component is not included in the dom. So, they cannot be shown using a dynamic action afterwards (because they're not in the dom) and they cannot be re-evaluated using a dynamic action (because the dynamic action can only manipulate the dom and that condition was evaluated before the dom was rendered).
The solution to you problem is to use show/hide actions in a dynamic action for each of the individual buttons for the reasons explained above.

Refresh browser after modal dialog

My application calls a modal window from the navigation bar. The modal window has a pop-up LOV where the user selects an organization they wish to view data for. As soon as the change event occurs, the page is submitted, recording the new organization id and organization name into session state. The modal dialog is then closed.
The navigation bar displays the name of the organization that is stored in session state, making it simple for the user to tell which organization they are working with.
Since the modal to change organizations can be accessed from any page in the application, I need to be able to refresh the web browser to pick up the new organization name displayed in the nav bar once the modal has closed.
I've seen several posts online as to how to refresh a region or report once a modal closes, but I've not uncovered how to refresh the browser window, or perhaps alternatively, how to redirect back to the page where the user was when they accessed the modal via the nav bar.
How can this be achieved?
(Nav Bar displaying current context, and link to modal window)
#TineO - I was orginally thinking the same as you suggested, but the implementation wasn't coming together for me.
After further internet mining, I found this blog post which led me to a working solution, below. The bind variable :REFERRING_PAGE is a hidden field, which is populated by the link in the nav bar, using the configuration in the second image below.
You can create dynamic action or process which can work on 'click' action. You may just run 'submit page' or pl/sql or from a huge list of activities as per your need.
Hope this helps.

Retool: Action button to open modal with container

I have a table in retool. I've added an "action" column with buttons and renamed them "edit". What I would like to do on click of the action button is to open a modal with the data in the row populated. A user should be able to see the values of the row, edit them and when he clicks "submit" it will send an update API call for that row's unique id.
We’re working on some new docs for modal components, but until then here’s what you can do:
Drag a modal component onto your canvas. It’s going to appear as a button that opens a model, but don’t worry about that just yet
Create a Javascript query in the query editor that opens the modal. If we’re working with the default names, your query would be modal1.open()
Configure the action button in your table to run that JS query on click
That’s a quick way to open a modal through an action button. In terms of what’s in that modal, you can drag any components you want and reference table properties. So if you wanted to display a user’s email, you could drag a text component into the model and set its value to table1.selectedRow.data.email.
The last thing to deal with is the button, which you probably don’t want since you’re opening the modal via action buttons. You can hide it by clicking on it, heading to the inspector in the right sidebar, and scrolling down to the “display” settings. Just put true into the “Hide when true” field and the button won’t show.
hello stack overflow family this is my first post.
we are facing same issue today so i used one trick for opening a modal in action, i run one query that query name is model_open and in success event i select modal open and this query is triggered in Action edit option ,
i hope my first post help you ... :)

How do I replace one Bootstrap modal with another modal via a link in the first modal?

When a user clicks a button on my site, they are prompted to sign up for our service. This prompt appears via a Bootstrap modal. But it's possible that the user will already have an account, in which case I want them to be able to log in. I want to add a "log in" link within the modal that when clicked will close the "sign up" modal and open a new "log in" modal on the same page. How would I do this?
You need to add a click event to the login button and trigger two actions.
1. Target the register modal by its ID and add the toggle option of the modal method to it. This will check the current state (in this case 'opened state') and activate the reverse.
2. Target the login modal and attach the show option of the modal method to it as shown below.
<script>
$(document).on('click', '#id_login_button', function(){
$('#id-to-register-modal').modal('toggle');
$('#id-to-login-modal').modal('show');
return false;
})

Regarding stopping page reload when button clicked

I am working with Oracle Apex 4.2 where in i have a page which is Page1 and within the page i have a report region and a button. When i click on the button a Skill Builder Pop-up plugin hits up and a popup window opens up where in i created a form on another page which is Page2.
I am adding a JavaScript page refresh for Page1 and it will automatically refreshes the page at particular intervals. Code is as follows:
$(document).ready(function(){
setInterval(function(){cache_clear()},10000);
});
function cache_clear()
{
window.location.reload(true);
}
But when i click on the button, the page refresh on Page1 should stop and again it should get activated after closing the popup only.
Any help would be appreciated.
To stop process when button click use clearInterval() function.
Refer discussed thread Stop setInterval call in JavaScript
for more details.