Modal Page Plug-in

Dear APEXers!
I have used plug-in from SkillBuilders website.
This plug-in is about Modal Pop-up Page.
http://skillbuilders.com/webinars/webinar.cfm/53?title=Introducing%20SkillBuilders%20Modal%20Page%20Plug-in
It is working perfect as shown in video.
But I faced some problem.
I have tried to used Modal page for tabular form where I need to use button with "Redirect to page within this Application" instead of "Redirect to URL" as shown in video.
I used "Redirect to page within this Application" because I need to set value from one first page within value to second page.
In the video shown that I can use column link, but I don't have report in first page. So I decided to use button to redirect to second page with a value.

Hello,
I have tried to used Modal page for tabular form where I need to use button with "Redirect to page within this Application" instead of "Redirect >to URL" as shown in video.It looks like you are trying to set the Button Action, if so, the button action should be: defined by dynamic Action.
To learn how to pass values to other items please read this:
http://www.oracle-and-apex.com/apex-url-format/
If the previous tips do not solve your problem, then please reproduce your problem on apex.oracle.com and give us your credentials to fix it for you
Best Regards,
Fateh

Similar Messages

Help with Skillbuilders Modal Page plug-in

Hi,
I'm an APEX 4.1 user and a novice. I'm trying to use the Skillbuilders Modal Page plug-in. I have a report with an item (Order Number) that I use to drilldown. When the user clicks on the order number link to drilldown, it goes to another page/report that displays the detailed rows for that order (read only). That all works fine. What I'm attempting to do now is display the detail report in a modal page. Similar to the "Modal Page Demo 1" [url http://apex.oracle.com/pls/apex/f?p=46685:MODAL_PAGE:0]here. I watched the [url http://skillbuilders.com/webinars/webinar.cfm/53?title=Introducing%20SkillBuilders%20Modal%20Page%20Plug-in]Skillbuilders webinar twice. The webinar was showing how to display a form in the modal page, but I figured the steps were the same for displaying a report so I followed the steps Dan did for creating a modal page from a link.
Here's what I did:
I inserted: onclick="return false;" class="order-number" in the Link Attributes for the Column Link (drilldown) on my Order Number column.
I then created a Dynamic Action:
Event = Click
Selection Type = jQuery Selector
jQuery Selector = .order-number (I also tried 'a.order-number'. In the webinar it looked like there was an 'a' there.)
no condition
Action = Skillbuilders Modal….
Fire When Event Result Is = True
URL Location = Attribute of Triggering Element
Attribute Name = href
Event Scope = live
The modal page displays when I click on the Order Number link, but only the bottom and right side (with scroll bars) and that's it. There is no detail displayed. Also, the background isn't darkened with the modal page prominent (as demonstrated in the webinar).
Unfortunately my app is not on apex.oracle.com, so I have no link to share. Can anyone please help? I'm at a standstill. If this isn't enough information, I am more than happy to provide whatever else is needed. I can also provide links to screen shots if that will help.
Thanks
David

Hi,
Did you try to change the Theme in the PLUGIN Settings ?
I had the same problem when the Theme of the Plugin was set to Custom. (it is initially set to CUSTOM)
Try to change some to 1 - 5 of them.
Regards
J :D

SkillBuilders Modal Page... closes immediately after loading

I would like to use the Modal Page plug-in from http://www.skillbuilders.com .*
I installed the two sample applications from their web site with different results:
The employee example works fine.
The example with the modal feedback worked fine yesterday, but today it shrinks (after loading normally) so that I can't see anything but the bar with the window name and the close button.
In my own application it's even worse:
I have links in a table which should open a modal window on click.
I tried several settings, but the only thing that's happening is that the window closes immediately after loading and showing the page for a half a second (or not at all).
Leaving the "Auto-close On Element Selector" empty did not work. The default value "div#success-message" kept coming back until I replaced it with "null". But still no effect.
Does anyone have any idea what could cause this behaviour?
Best regards,
Sabine
The Security Settings for all three applications:
Cache: Enabled
Embed in Frames: Allow

In the meantime I had the problem that the window didn't close at all, but I think I figured it out.
So if the Modal Plug In does not work properly, check the following:
<li>Does every process that should close the window have a 'Success Message' defined?
<li>In the unconditional branch, is "include process success message" checked?
<li>In the dynamic action, is "Auto-close On Element Selector" set to "div.t1success" in the true action?
BTW: The "shrinking problem" described in the first post still exists - in IE. In Firefox, it works fine.
Best regards,
Sabine

SkillBuilders Modal Page not opening when click edit link in a Manual Tabul

Hello,
This thread is related to a recent thread I created (Column Link is not working on a Manual Tabular Form I am using Apex 4.1.1.00.27, Oracle DB 10.2.0.5.0.
In summary, I have a collection that retrieves the information from the EMP table, a manual tabular form based on that collection, and a link in the DEPTNO field that branch to another page with a Form based on the DEPT table.
What I want to accomplish is to call the DEPT Form as a modal page that opens from my EMP Page.
What I did so far:
1. DEPT Page uses the popup template and branch to itself.
2. The Link Attribute of the Link Column (DEPTNO) is set to: onclick= *"return false;"*
3. I created a DA using jQuery Selector: *td[headers="LINK"] a*. Action: SkillBuilders Modal Page plug-in. URL Location: Attribute of Triggering Element. Attribute Name: href. Event Scope: live (Dynamic in Apex 4.2).
4. Changed the Application Security to Allow Embed in Frames.
My problem is that when I click the DEPTNO column, is it not opening the Modal Page.
I created an example on apex.oracle.com in case some of you want to look into it:
Workspace: EDIAZJORGE
Username: test
Password: test123
App Name: Sample App
App Number: 12231
I appreciate any help.
Thank you,
Erick

You were using a wrong jQuery selector. There are no columns with headers "LINK". Evidently, you want the modal to open through clicking the icon in the "DEPTNO" column, so all that is required is to change the selector to
td[headers="DEPTNO"] aYou can always easily test your selectors when you use a tool like Firebug. Simply run the selector in the console, and it'll show you all selected object. In your case, executing $('td[headers="LINK"] a') showed nothing. Dropping "a" still gave nothing. At that point i was pretty sure there were no columns with such a header...

SkillBuilders Modal Page is not working in Apex 4.2

Hi All,
I am trying to set up an example in apex.oracle.com of an application developed in Apex 4.1 and the SkillBuilders Modal Page plug-in is not working.
To show this situation, I created a simplified version of the application, with only two pages, in apex.oracle.com.
Workspace: EDIAZJORGE
Username: TEST
Password: test123
Application: 66464 - Modal Page Sample
When Page 3 loads, a Dynamic Action is executed to open Page 2 (Interactive Report) as a modal page, but it is not working (the modal page does not open).
Please notice that this is working in Apex 4.1, and the Embed in Frames property in my application is set to Allow.
I appreciate any help.
Thanks,
Erick
Edited by: ediazjorge on Jan 30, 2013 3:20 PM
Bump!

Erick,
This is due to a change that was made to the Dynamic Actions framework in 4.2. The workaround for now is to change your event to resource load on the DOM window object.
It's working now. In the next release of the plug-in you'll be able to go back to the Page Load (ready) event.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/

Skillbuilder Modal Page: Popup to close on session time out

Hi All,
I implemented skillbuilder modal page plug-in in my application.
When a session expires, the Popup window remains open and in the same popup window current page gets redirected to login page.
I want popup window to close so that users can login into the main (parent) window and then open the popup windows again.
Please give your expert advice on this.
Thanks and regards,
Abhishek

Please help me out in this.

How to add modal page in login button

i use "SkillBuilders Modal Page" plug. now i want use this plug in my login button. so pls give me a solution .

Hello,
You can't place anything in the Ribbon UI (aka Fluent UI), only the predefined set of controls according to the Ribbon XML scheme. Read more about the Fluent UI in the following series of articles in MSDN:
Customizing the 2007 Office Fluent Ribbon for Developers (Part 1 of 3)
Customizing the 2007 Office Fluent Ribbon for Developers (Part 2 of 3)
Customizing the 2007 Office Fluent Ribbon for Developers (Part 3 of 3)
Consider opening a web browser in a child window (separate) or using a task pane for that.

Not able to open Modal Page through a report attribute link

Dear All,
Not able to open Modal Page through a report attribute link, kindly help me...
I am using skill builders modal page plugin ...
Thanks and Regards,
Madonna

Here's what you have to do.
You set up your column link like this:
Link text: whatever you like
Link attributes: onclick="return false;" class="open_modal"
Target: Page in this application
Page: number of the page you want to open in your modal window
You set up your dynamic action like this:
Event: Click
Selection type: jQuery selector
jQuery selector: .open_modal
(notice the dot at the beginning!)
Action: SkillBuilders Modal Page (2.0.0) [Plug-in]
Event Scope: Dynamic
And finally, in your True Action (SkillBuilders Modal Page (2.0.0)), URL Location should be set as Attribute of Triggering Element.
And that's pretty much all it takes.
Hope this helps.

APEX 4.2. - SkillBuilders Modal Page plugin not sizing fields or labels

I recently migrated from 4.1 to 4.2, bringing over the Skillbuilders plugin 2.0.0. My page has a Popup template. When I open the page as a Skillbuilders Modal Page, all of the fields have the same width, ignoring the width I've given it with the label above the field, even though I said the label should be aligned left horizontally. If I run the page as itself (not called as a Skillbuilders popup), it properly spaces the fields and the labels are aligned to the left. Can someone help me fix this issue?
Thank you!

Johnny98,
Yes, the plug-in has been known to have issues with the responsive theme. I recommend either changing your theme or avoiding the plug-in for now.
I may be able to address this in the future, but I wouldn't bank on it.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/

Urgent!! Skillbuilders modal page

Hi,
This is urgent!
Does anyone know how to correctly call the following modal plugin from report column link - just like what the demo shows? I was able to import the plugin into my application but was not able to make it work correctly. I created the dynamic action in the page as the following:
http://apex.oracle.com/pls/apex/f?p=46685:MODAL_PAGE:0:::::
Event: Click
Selection Type: jQuery Selector
jQuery Selector: .flash-modal
Under True Actions:
Action: Skillbuilders Modal Page (2.0.0) [Plug-in]
URL Location: Statically Defined
Static URL: f?p=&APP_ID.:1:&APP_SESSION.:::1:::
Auto-close On Element Selector: div#success-message
Dialog Height/Width Mode: Static by pixels
The report column link is defined as this: (I replaced all < by ( and > by ) so that it would show the actual link)
select
, '(a class="flash-modal" href="#")Open Page(/a)' end as OPEN_PAGE
from ...
Thanks.
Andy

Dan,
I just reproduced the plugin in apex.oracle.com. You may click on the 'John' link to see the modal. Was it because the way I defined it in the link? I used '(a id="flash-modal" onclick="return false;" href="f?p=&APP_ID.:1:&APP_SESSION.:::1:::")' || "DEMO_CUSTOMERS"."CUST_FIRST_NAME" || '(/a)' as the link. In the plugin settings, I defined 'flash-modal' as a DOM object and 'href' as attribute name.
http://apex.oracle.com/pls/apex/f?p=62488:2:0:::::
Thanks.
Andy

Skillbuilders Modal Page (2.0.0) - Scroll bar issue

Hi,
I am using this plugin and I am having an issue.
My requirement is to open a page from a link. I am able to do the same but I want the pop to be of specific width and height with scroll bar for height but not for width.
Is there any way to do the same?
As of now I can see that we can either turn both scroll bars on or both off.
Please suggest that how can the same be achieved.
Thanks in advance,
Abhishek

Abhishek,
It's true, the one option controls both horizontal and vertical scrolling. This is due to the fact that the underlying plug-in uses one option for both.
Have you tried just constraining the width of your modal page so that it's not as wide?
As always, putting an example on apex.oracle.com and providing developer credentials would be helpful in helping you.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/

Skillbuilders modal page plugin

Hi!
Is it possible to implement modal inside another modal? I am using Skillbuilders modal page plugin 2.0, APEX 4.0.2. version.
If it is, can someone explain how in short notes...
I have a form in modal, which would have a create button to open another form in modal, pass values there and submit, and then go back to parent modal. I tried to implement it and it not works
By the way, I use APEX 4.2 at home and plugin is working great on all themes that I tried. But now, on other computer I am using 4.0.2 APEX and with theme 16 I have some problems with size. E.g. the form width is big. I tried everything... Also tried fixed modal size. Looks good, but the problem is when error message appears then it is not resized automatically and you cannot see whole content. Maybe someone have solution for this... I will put it online when I get.
Thanks!

Hi Spooky,
This is not currently possible, but it's on the list of enhancements. Hopefully it will not be too difficult.
Regarding older versions of APEX, I've had those issues too. There's an older version of the plug-in, use jQuery Dialog over Colorbox, that works better. If you email me directly I'll send you a copy of the older version.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/

Skillbuilders modal page plugin query

Hi Guys,
I have downloaded the Skillbuilders modal page plugin and it works very well for 99% of the scenarios that we have encountered.
We have one page which needs a slight modification from the standard functionality with regards the modal plug in..
We have a tabular form which has a field into which we have created our own button (which is used as a link to page 6) with the following syntax:
*<input id="modal" type="button" value="comps" onclick="javascript:redirect('f?p=&APP_ID.:6:&SESSION.::NO::P6_JOB_RESP_ID,P6_RESPONSIBILITY_ID:#Comps#,#Responsibility#')" />*
which calls another page within the application and passes in the #Comps# and #Responsibility# values from the current row in the tabular form.
What I am trying to do is to use the modal page plugin within this tabular form functionality so that the new page (page 6) appears as a modal page.
The part that is confusing me is how to pass the #Comps# and #Responsibility# values in the tabular form into the plug in as parameters so that the new page appears modal.
If anyone else has experience using this plugin, any advice would be great.
Chris
Edited by: Cashy on 23-Feb-2012 01:22

Hi Jieri,
The problem is how you are generating the link. You're using substitution string syntax in the link to refer to an item's value. This will work only on page load. You need something more dynamic.
For some reason I was able to log in yesterday but I was short on time. Today I tried and the login failed. Try to do this on your own...
1. Create a hidden item on the page (not protected).
2. Reconfigure the dynamic action to respond to the click event on that hidden item.
3. Reconfigure the plug-in to grab the link using an attribute of the triggering element. The attribute can be something like "data-href".
4. Reconfigure the button to so that clicking the button executes some JavaScript that does two things:
a) Sets the data-href attribute of the hidden element to the correct value for the link
b) Triggers the click event on the hidden element
If you need more help from me on this please unlock that account. Also, I don't know when I'll be able to get to this so please be patient. You can always email me the password if you want to keep it private.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/
twitter: https://twitter.com/dmcghan

SkillBuilders Modal Page (2.0.0) in APEX 4.0.2.00.07 Help

version 4.0.2.00.07
Hello,
I'm trying to use the SkillBuilders Modal Page (2.0.0) in APEX 4.0.2.00.07.
I have a link set up in a query:
SELECT
      ,CASE WHEN ft.feature_id IN (SELECT cc.feature_id
                                   FROM customer_commitments cc
                                   WHERE ft.feature_id = cc.feature_id
                                  ) THEN DECODE(:REQUEST, 'CSV', 'Yes', '<a class=feature_commitments *href*=f?p=&APP_ID.:81:&SESSION.::NO::P81_FEAT_NUM_DESC_SRCH:'||ft.feature_id||'><font color="blue"><u>Yes</u></font></a>')
                                    ELSE 'No'
       END "Commitment_Exists"
FROM feature ft
....The receiving page, 81, contains an Interactive Report with the Page Template set to "Popup".
The calling page, 80, has a Dynamic Action:
When -> Event: Click
When -> Selection Type: jQuery Selector -> a.feature_commitments
When -> Condition: No Condition
In the TRUE Actions section:
Identification -> Action -> SkillBuilders Modal Page (2.0.0) [Plug-In]
Execution Options -> Fire When Event Result Is -> True
Settings -> URL Location -> Attribute of Triggering Element
Settings -> Attribute Name -> href
Settings -> Auto-close On Element Selector -> div#success-message
Settings -> Dialog Height/Width Mode -> Auto
Settings -> Modal Page ID -> NULL
When I click the link for the "Commitment Exists" on the report the modal window does not display. The report on page 81 displays like a normal link would branch to.
Can someone help me with getting this plug-in set up?
Thanks,
Joe

Dan,
I've created an application on oracle.com.
Workspace: joer
Username: dev
Password: dev1
Application ID: 64061
Page 2 contains 2 records. One record is set with a value of 'Yes' and is a hyperlink to go to page 3 which is the pop-up.
When I tested I received an error in the modal that "Content cannot be displayed".
The hyperlink is embedded in the SQL for the report on page 2.
I left all the values of the plug-in set to their defaults.
I hope I've provided everything.
Please let me know if I haven't.
Thanks,
Joe

Skillbuilders modal page item references

I have built an application that uses the Skillbuilders modal page - in this page there are two items that have Skillbuilders super lov (2.0.2) plug-in. The Sql statement for the second item, Task, includes a reference to the first item (Project), as :P35_PROJECT. However the lookup doesn't synchronise unless I close the modal page after the project field has been populated, then re-open it; then the synchronisation of the Task field works. Without close/open the Task lov does not synchronise on the Project and returns all values.
Lov sql:
select pt.task_number "Task Number", pt.task_name "Task Name"
FROM PA_TASKS pt, PA_PROJECTS_ALL pja
where pja.project_id=pt.project_id
and pja.segment1=:P35_PROJECT
order by 1
I tried a dynamic action which fired when the value of item 35_PROJECT was changed but this does not work.
Thanks for any assistance, Dave Barber
Edited by: user13515136 on 06-Aug-2012 01:24

Dave,
Go to edit the child item. In the List of Values region, enter the name of the parent item in the Cascading LOV Parent Items field.
Let me know if this works.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/
twitter: https://twitter.com/dmcghan

Modal Page Plug-in

Similar Messages

Maybe you are looking for