Skillbuilders Modal Page on IE8 with an IE6 compatible Apex theme

Hi,
We have been using Theme 13 for quite some time now - I'm aware it's not the best theme in the world to use but with the number of application pages we have now it will take a long time to upgrade them to a newer theme.
Recently we implemented the Skillbuilders modal page with more than a little help from Dan McGhan and it looks amazing, using any Apex theme, when using IE9, Chrome, Firefox etc. For some reason, when using IE8, we are experiencing strange behaviour.
The modal box is not showing the Close button and the right and bottom sides are hidden from view inside a parent div. This is a known issue with the jquery ui dialog, but I was hoping someone might have come up with a workaround to make it show correctly.
If you visit [url http://apex.oracle.com/pls/apex/f?p=62488:2:0:::::]this example with IE8 and click on the names, it doesn't display correctly.
Can anyone help? We know switching themes to a non-IE6 compatible one works but I would like to fix this without changing stuff to that extent.
Any help would be greatly appreciated.
Kind Regards, Pete

Pete,
The page templates for the main page and the modal page are missing DTDs so the browser is running in quirks mode. Try adding the HTML5 DTD as it's the simplest:
<!DOCTYPE html>Note that this may cause other parts of the template to "break". These can be fixed but depending on the severity it may cost a lot of time to fix.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/

Similar Messages

I've problems with skillbuilders Modal Page (2.0.0) plugin

Hi,
I'm a newbie on Apex. I'm creating an application with APEX 4.2.1 using the plugin Skillbuilders modal page 2.0 to create/edit the form,
but after I submitted all the information on page2, I'm not able to come back to page1 and also it doesn't appear the message
"Action Processed."
Could you tell me why doesn't work or checking my demo application on apex.oracle.com (http://apex.oracle.com/pls/apex/f?p=58394:1).
The credentials are:
workspace: draccanelli
username: [email protected]
pwd: draccanell1
Application: DR - Modal
ID: 58394
These are the steps I made:
a) install plugin
b) change security from ...
c) create TEST application (DR - Modal) doing these steps:
Theme used for the application demo: theme 25
Page1:
c.1) change some attributes of create button
Static ID: create-btn
Action: defined by DA
c.2) create DA "create": event:click
selection type: jquery
jquery selector: #create_btn
Action: skillbuilders Modal Page (2.0.0)
URL Location: statically defined
static URL: f?p=&APP_ID....
Auto Close on Element: div#success-message
c.3) change some attributes for report "report"
Link Attributes: onclick="return false;" class="edit-link"
c.4) create DA "Edit Modal": event:click
selection type: jquery
jquery selector: .edit-link
Action: skillbuilders Modal Page (2.0.0)
URL Location: attribute of triggering element
static URL: href
Auto Close on Element: div#success-message
c.5) create DA "Modal Page auto close": event: Auto Close (skillbuilders 2.0.0)
selection Type: DOM Object
DOM Object: document
Action: Refresh
add another action:
event: Auto Close (skillbuilders 2.0.0)
action: execute JavaScript Code
Code:
$('#messages')
.hide()
.empty()
.append(this.data.$modalPageCloseObject)
.slideDown('slow');
Page2:
d.1) change template: Popup
d.2) change branches to the page 102
Page 102 (Close Modal)
e.1) create page with no item
Thanks in advance...
Davide

Your auto-close selector is wrong. You probably copied over the default values, and those do not work on theme 25. The template for your popup page is "Popup".
Looking at the success message subtemplate for the Popup page template:
<div class="apex_grid_container">
<div class="apex_cols apex_span_12">
    <section class="uMessageRegion successMessage clearfix" id="uSuccessMessage">
      <div class="uRegionContent clearfix">
        <a href="javascript:void(0)" onclick="apex.jQuery('#uSuccessMessage').remove();" class="uCloseMessage"><span class="visuallyhidden">#CLOSE_NOTIFICATION#</span></a>
        <img src="#IMAGE_PREFIX#f_spacer.gif" class="uCheckmarkIcon" alt="" />
        <div class="uMessageText">
          <h2 class="visuallyhidden">#SUCCESS_MESSAGE_HEADING#</h2>
          #SUCCESS_MESSAGE#
        </div>
      </div>
    </section>
</div>
</div>Your auto close selector would be
section#uSuccessMessageDon't use .apex_grid_container and also not .apex_cols apex_span_12
These are classes also used for the body and are not reserved to only the success message.
However, your auto close action will not work too. Again, you probably copied over the default values, but it won't match with the page template. There is no #messages container to append to. Again, look at the page template for page 1, success message subtemplate, which is the same code as above.
Not home yet. Since the auto-close selector will only fetch the success message section tag, we can't just insert that in the parent page if there is no div container for it yet. First test for the existance of a success message region, and if not, add the containers. Note that this is very template specific!
Looking at the page template body code:
<div id="uBodyContainer">
#REGION_POSITION_01#
#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#
<div id="uOneCol">
<div class="apex_grid_container">
    <div class="apex_cols apex_span_12">
      #BOX_BODY#
    </div>
</div>
</div>
</div>The success message can be inserted before div#uOneCol.
Annoyingly, notice the onclick code of the uCloseMessage link. This will not be copied over, meaning that the success message will be there, looking pretty. Very annoying. So we'll bind for that.
This will go into the auto close execute javascript:
if($('section#uSuccessMessage').length){
   $('section#uSuccessMessage').parent().html(this.data.$modalPageCloseObject)
}else{
   var newContainer = $('<div class="apex_grid_container"><div class="apex_cols apex_span_12"></div></div>');
   newContainer.find('div.apex_cols').html(this.data.$modalPageCloseObject)
   $('div#uOneCol').before(newContainer);
   $('a.uCloseMessage').click(function(){$(#'uSuccessMessage').remove();});
};In the end, i only had to adjust the auto close selector and the auto close javascript code.
Edited by: Tom on Dec 19, 2012 9:51 AM: forum ate my code but my CTRL+C skills nailed it.

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

Problems with Apex4.2, SkillBuilders Modal Page plugin, IE9 and HTML5 theme

Hello everyone.
Please Help.
Again problems with Apex4.2, SkillBuilders Modal Page plugin, IE9 and HTML5 theme (Blue Respensive).
1. The problem is that all the popup windows display 100% of the width
2. After opens a popup window change the width of the parent window forms.
This happens only in IE9 browser.
In other browsers, the popup window only much larger than the form that is opened.
I can not change the size of the window.
Thanks.

Milk,
I changed the component level settings to use a fixed height and width (I adjusted edit, you still need to adjust create). You can try adjusting this some because the modal page should adjust a bit.
Then I added this CSS to the Inline CSS of the modal page:
section.uMessageRegion{position: static; !important;}
Let me know how this works for you.
Regards,
Dan
blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/

SkillBuilders Modal 2.0 plugin with a page-item button - pass parameters

Hi all.
I have an employee table, which is connected with a 1:N relationship to two tables: Emp_Tech_Fields and Emp_Kids.
I've created a form to update / insert employee data, and I want to add two modal pages: one for kids and one for tech_fields. I think this will be the most usable way for this form.
I've created two page-item buttons on that form, which open the respective modal pages successfully, but I can't dynamically pass them the EMP_ID in order to filter the data in them.
Iv'e uploaded an example to http://apex.oracle.com/pls/apex/f?p=64921:1:6401028834215::::: guest / gu12est3
Document Types is a report with a link-column which opens a modal page with data filtering, as it should.
Employees (click an edit link) has two buttons: Kids, which open the modal form, but does not filter, and Tech Fields, which is filtered hard-coded with EMP_ID = 1 (see in the dynamic action definition).
As far as I understand, this should be something quite easy and day-to-day, so I don't know why I did not find a way to do this. What am I missing?
Any help will be greatly appreciated,
Dovi.

Hi Dovi,
I had a look at your application and can see the link your using for the kids and tech fields modal isn't passing the session ID which is why it is asking you to log in again.
Below is an example URL for your issue, it isn't tested though.
f?p=&APP_ID.:20:&APP_SESSION.:::19:P20_EMP_ID:&P19_EMP_ID.:: You will need to change the page numbers of the pages and items to match the page numbers of yours. This is using the statically defined url inside the plugin itself, I have also only done this in an earlier version of plugin but believe the functionality is very similar.
Hope this helps.
Paul

Skillbuilders modal page - success message not closing in Internet Explorer

Hello,
I'm using Skillbuilders modal page plugin on Apex 4.1.
The plugin works great in all browsers except in IE, where I'm unable to close the success message by clicking on the "x" in the upper right corner.
I'll explain further.
I have a report on, say, page 10, and I'm editing each row in a modal page (page 11). Upon saving the changes, the modal page closes and a success message is shown on the page 10. I can see the message both in Firefox and IE, however, I am unable to close it in IE.
When I inspect the success message using Firebug in Firefox, I see that I have:
<div id="messages" style="display: block;">
<div id="success-message" class="success">
<img class="remove-message" onclick="$x_Remove('success-message');" alt="" style="float:right;" src="/i/delete.gif">
Action processed.
</div>
</div>However, when I inspect the success message in IE, I see:
<div id="messages">
</div>The success message is shown on the page, but it doesn't show in the page source code, and clicking on the "x" doesn't close it.
I've tried it with several themes, the problem persists.
Does anyone have any idea what might be the problem here?
Did someone have a similar problem?
Thank you!

I've been looking at it, kind of gutted that indeed the semi-colon means nothing. Was sure that was it, and then didn't bother to test it in the template anymore as it ate so much time already. That should teach me...
Anyway, I was puzzled too. Apparently it has to do with IE8 and jQuery appending code to the document, whether it is .append or .before. The element is there and all, but the onclick just does nothing. Why did it work after editing it? Probably because IE was then able/willing to pick the attribute up.
I've fiddled with it over and over, trying to find something ,googling it, but couldn't really find a certain cause nor fix. Putting in the anchor? Nope. Onclick reacting only on second click? Nope. Just do an alert? Nope. Just nothing works at all. I really just gave up. IE8 is just such a headache that by trying to "fix" it in its ways you're off worse.
In the end I fixed it in another way. My template is different than yours but the technique is the same.
I removed the onclick attribute from the success message region, on both page templates. If it ain't gonna work I don't want it there (good riddance too). I changed the href attribute too by just putting "#" in, which is probably just me being pedantic. This is my result success message template:
<section class="uRegion uWhiteRegion uMessageRegion clearfix" id="uSuccessMessage">
<div class="uRegionContent clearfix">
    <a href="#" class="uCloseMessage"></a>
    <img src="#IMAGE_PREFIX#f_spacer.gif" class="uCheckmarkIcon" alt="" />
    <div class="uMessageText">
      #SUCCESS_MESSAGE#
    </div>
</div>
</section>To be able to close it, I added some javascript in the page header:
<script type="text/javascript">
    $(document).delegate(".uCloseMessage", "click", function(){$(this).closest(".uMessageRegion").remove(); return false;});
</script>This is much in the way of a dynamic action with scope "live". I didn't want to bother with having to put a dynamic action on each page, and is why I did it this way. It works fine in each browser too, so hurray.
Your solution works too of course, it's much the same. I wouldn't call it a "workaround" too, since it didn't work initially anyway. I wouldn't look further and stick with what works best for you. :)

Open Skillbuilders modal page from report

I want to open the Skillbuilders modal page from within a report. The first column in a report represents the primary key of the table the report shows. What is the best way to do that?
The idea is this: in the report region, there's a button CREATE that opens the modal dialog by Skillbuilders. A user can enter some data, clicks submit, modal dialog closes and report is refreshed. That's working now. Now I want to add a link to the first column in the report, that also opens the modal dialog, passing the value of the primary key of the row the user clicks on.
I'm not that experienced with Javascript, I guess I'll have to create an dynamic action with a jquery selector, and as a true action, a javascript call to open the dialog. Can someone give me a start?
Thanks in advance!

You actually do not need that much javascript in this case. Simply design your column as you would normally do to create a link column.
<ul>
<li>Column Link: Provide a link text</li>
<li>Link Attributes: onclick="return false;" class="show_modal"</li>
<li>Set the target page and provide any items you want filled.</li>
</ul>
onclick="return false;" is to prevent the default behaviour of the anchor tag: navigate to the location specified in the href attribute. We want to open the modal page instead.
Now to have the modal dialog open, create a dynamic action.
<ul>
<li>Event: Click</li>
<li>Selection Type: jQuery Selector</li>
<li>jQuery Selector: .show_modal</li>
<li>Advanced > Event Scope: live (so the links will work after pagination)</li>
</ul>
For the true action, select the SkillBuilders Modal Page plugin, and make sure these are specified as following. This will take the location in the generated link columns and open a modal page for this location.
So, this would open your edit page with the correct id (which you set up in the column link).
</ul>
<li>URL Location: Attribute of Triggering Element</li>
<li>Attribute Name: href</li>
</ul>
If you set it up like this, you have the convenience of the standard column link definitions, no need for any javascript save onclick=false and no need to fill up page items and deal with submission to session state.

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/

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 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 plugin problems in Apex 4.1

Hi,
I have applied the Skillbuilders modal page plugin in my application. Everything works fine except that when I close the popup window - my parent window is not getting refreshed.
I have put the dynamic action - Auto Close modal and action as - Refresh report on parent page.
Settings:
Event : Auto Close [Skill Builders Modal Page]
Selection Type : DOM Object
DOM Object: document
No condition
Any help much appreciated.
Thanks,
Jas

Dear Dan,
I have the same problem, the main report is not refreshing after adding or editing values and the success message is not showing after the DA taking place and closing the modal.
another problem i am facing with oracle cloud which is when is when the modal loads, it gives me the following error :
Sample Database Application
[email protected]
An unexpected internal application error has occurred. Please get in contact with your system administrator and provide reference# for further investigation.
Technical Info (only visible for developers)
is_internal_error: true
apex_error_code: APEX.SESSION_STATE.SSP_CHECKSUM_MISSING
error_backtrace:
----- PL/SQL Call Stack -----
object line object
handle number name
0x32c6b06c8 548 package body APEX_040200.WWV_FLOW_ERROR
0x32c6b06c8 599 package body APEX_040200.WWV_FLOW_ERROR
0x32c6b06c8 903 package body APEX_040200.WWV_FLOW_ERROR
0x32ca89608 5985 package body APEX_040200.WWV_FLOW
0x32df51ac8 249 procedure APEX_040200.F
0x29cd0a0d0 2 anonymous block
Set Screen Reader Mode On 4.2.1
and after googling , i saw your solution for the super lov having the same problem
problem located in customers page.
the credentials are:
http://apex.oracle.com/pls/apex/f?p=4000:1:9039832809236::NO:RP:FB_FLOW_ID,F4000_P1_FLOW,P0_FLOWPAGE,RECENT_PAGES:37403,37403,37403;|,
workspace: ahk
username : dan
password : dan
Best Regards:
Yousef Alraway
Edited by: user12279113 on Mar 12, 2013 3:25 PM

Skillbuilders modal page help needed

Hello,
I have installed the Skillbuilders modal page plugin on my workspace. (APEX4.2)
I did all the default steps:
- simple interactive report with create button
- dynamic action
When I click on 'create' something pops up, but it's not something I want :)
http://www.pictures.se/bilder/NLY8l.jpg
Does anyone know what the problem is? Themes maybe?
Edited by: garcol on Apr 4, 2013 12:15 PM

Did you configure the plugin so that it has a specified theme? In 4.2 you can access the settings of the plugin through "Shared Components > user Interface > Component Settings", or when in the edit page of the plugin choose "Component Settings" from the "Tasks" list on the right.

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/

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 on IE8 with an IE6 compatible Apex theme

Similar Messages

Maybe you are looking for