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/

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 Plugin - Help in setting Modal window height/width

    Hello Apex Experts,
    I have downloaded the Skillbuilders Modal Page Plugin. I have tried to implement the same but my modal window is not showing correctly. I can see all the fields and scroll bar. I also tried to set the initial height/width settings but no luck.
    Can anyone help me?
    Your help would be appreciated.
    FYI: I'm using Apex v4.2 on Google Chrome.
    Many Thanks,
    Bhavin

    Bhavin,
    Go into the setting in the Shared Components for the plug-in and change the theme from custom to a number (1-5). Also, make sure to read this:
    http://www.danielmcghan.us/2011/08/new-browser-security-attributes-in-apex.html
    Regards,
    Dan
    blog: http://DanielMcghan.us/
    work: http://SkillBuilders.com/APEX/

  • Skillbuilders Modal Page (2.0.0) - iframe height restricted to 150px?

    Hi,
    I installed the Skillbuilders Modal Page v 2.0.0 this afternoon into our Apex 4.1.1 instance and have most functions working as expected. I have the modal window popping up when a link column in an interactive report is clicked.
    However, iframe node is inheriting a height of 150px from somewhere and I'm struggling to see where this is.
    When the edit link is clicked, the modal window pops up and the dom looks like this:
    <div id="colorbox" class="" style="padding-bottom: 0px; padding-right: 0px; opacity: 1; cursor: auto; display: block; position: absolute; width: 400px; height: 500px; top: 0px; left: 752px; ">
      <div id="cboxWrapper" style="width: 400px; height: 500px; "><div>
      <div id="cboxTopLeft" style="float: left; "></div>
      <div id="cboxTopCenter" style="float: left; width: 400px; "></div>
      <div id="cboxTopRight" style="float: left; "></div>
    </div>
    <div style="clear: left; ">
      <div id="cboxMiddleLeft" style="float: left; height: 500px; "></div>
      <div id="cboxContent" style="float: left; width: 400px; height: 500px; ">
        <div id="cboxLoadedContent" style="overflow-x: hidden; overflow-y: hidden; width: 400px; height: 500px; ">
          <iframe frameborder="0" name="cbox1335796646985" src="f?p=139:35:1611420862962401::NO::P35_rowid:AAER2oAAuAAJIP%2BAAJ" scrolling="no" class="cboxIframe"></iframe>
        </div>
        <div id="cboxLoadingOverlay" style="float: left; display: none; "></div>
        <div id="cboxLoadingGraphic" style="float: left; display: none; "></div>
        <div id="cboxTitle" style="float: left; display: block; ">Edit Transaction</div>
        <div id="cboxCurrent" style="float: left; display: none; "></div>
        <div id="cboxNext" style="float: left; display: none; "></div>
        <div id="cboxPrevious" style="float: left; display: none; "></div>
        <div id="cboxSlideshow" style="float: left; display: none; "></div>
        <div id="cboxClose" style="float: left; ">close</div>
      </div>
      <div id="cboxMiddleRight" style="float: left; height: 500px; "></div>
    </div>
    <div style="clear: left; ">
      <div id="cboxBottomLeft" style="float: left; "></div>
      <div id="cboxBottomCenter" style="float: left; width: 400px; "></div>
      <div id="cboxBottomRight" style="float: left; "></div>
    </div>I've combed through the source and linked CSS/JS files to try and see where the 150px height is inherited from to no avail. What is strange is that in my dynamic action I specify the height to be 300px, and the initial height in the plugin setup is also 300px.
    Anyone with any suggestions would be most welcome - I've hit a brick wall on this particular one!
    EDIT: Sample application and demo of problem at Demo App (user DEMO, password demo)
    Many thanks in advance.
    Regards, Pete
    Edited by: Pete Mahon on Apr 30, 2012 4:17 PM

    Hi Johnny,
    There isn't actually any custom code behind this, so to speak, certainly none that I've written as a custom job.
    The Skillbuilders plugin is available via [url http://apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/skillbuilders-modal-page_138.html]apex-plugin.com which links to [url http://skillbuilders.com/download/download-resource.cfm/instructions.pdf?file=Oracle-Apex/plugins/modal_page//instructions.pdf]instructions and a [url http://skillbuilders.com/webinars/webinar.cfm/53?title=Introducing%20SkillBuilders%20Modal%20Page%20Plug-in]really informative webinar at skillbuilders.com. I strongly recommend you watch the video as it's not as simple as just installing.
    Cheers, Pete

  • 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.

  • Passing this.triggeringElement.id in URL to Skillbuilders Modal Page

    Hello,
    I have an IR on page 6 and when a user selects a row, I want the unique ID for that row to be passed to a field on page 10 via Dynamic Action on a Skillbuilders Modal Page. I'm able to alert and see the value in this.triggeringElement.id, but when I try and pass it in the URL, it doesn't come through. I've also tried passing values to a field on page 6 that then passes to page 10, application items, etc. I think page 10 is being called before it can grab a value from page 6, but I can't figure out how to pass a value on the fly to the URL. Here is my current URL call:
    f?p=&APP_ID.:&PAGE_BRANCH.:&SESSION.:::&PAGE_BRANCH.:P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:&P6_AGENT_ID.,this.triggeringElement.id
    i've also tried:
    f?p=&APP_ID.:&PAGE_BRANCH.:&SESSION.:::&PAGE_BRANCH.:P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:&P6_AGENT_ID.,&P6_APPLICATION_ID.
    Any help is greatly appreciated!
    Thanks,
    Johnny
    Edited by: Johnny98 on May 2, 2012 8:28 PM
    Edited by: Johnny98 on May 3, 2012 7:00 AM

    Johnny98 wrote:
    Hello,
    I have an IR on page 6 and when a user selects a row, I want the unique ID for that row to be passed to a field on page 10 via Dynamic Action on a Skillbuilders Modal Page. I'm able to alert and see the value in this.triggeringElement.id, but when I try and pass it in the URL, it doesn't come through. I've also tried passing values to a field on page 6 that then passes to page 10, application items, etc. I think page 10 is being called before it can grab a value from page 6, but I can't figure out how to pass a value on the fly to the URL. Here is my current URL call:
    f?p=&APP_ID.:&PAGE_BRANCH.:&SESSION.:::&PAGE_BRANCH.:P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:&P6_AGENT_ID.,this.triggeringElement.id
    i've also tried:
    f?p=&APP_ID.:&PAGE_BRANCH.:&SESSION.:::&PAGE_BRANCH.:P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:&P6_AGENT_ID.,&P6_APPLICATION_ID.
    Any help is greatly appreciated!
    Thanks,
    Johnny
    Edited by: Johnny98 on May 2, 2012 8:28 PMHi Johnny,
    your current URL will only replace the values(PAGE_BRANCH,SESSION..etc) only when the page is being rendered, in order to construct the url after the page is loaded you need to use JavaScript something like
    var vurl = 'f?p='+$v('pFlowId')+':'+$v('PAGE_BRANCH')+':'+$v('pInstance')+':::'+$v('PAGE_BRANCH')+':'+P10_ISO_UID_HIDDEN,P10_APPLICATION_ID:'+$v('P6_AGENT_ID')+','+this.triggeringElement.id;
    //then use the constructed url in javascript call
    redirect(vUrl);Thanks

  • Issue using Super LOV within Skillbuilders Modal page

    Hi,
    I have an app that has an Interactive Report which opens a form using the Skillbuilders Modal page when you click Create button. Within the Modal Page I have a few items that are using the Skillbuilders Super LOV. It all initially works great but when my validations fire and there are any errors displayed, the Super LOVs stop working. So it won't allow user to search using the LOV.
    I have an example here: http://apex.oracle.com/pls/apex/f?p=70422
    Any help would be appreciated.
    Apex 4.2.0, 11g
    thanks,
    Spaa124

    I am using Firefox 17.0.6.
    It works fine in Chrome

  • 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.

  • 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/

  • The SkillBuilders Modal Page.. Help me please

    I'm new about ORACLE APEX and i wanna use a plugin in my little application but I can't. The Plugin is SkillBuilders Modal Page.
    If there is someone who that know using of The SkillBuilders Modal Page please help me. I tried many times and many ways but always same result.
    Model page was open but always loading. No data no page. I want to do like this;
    http://apex.oracle.com/pls/apex/f?p=46685:MODAL_PAGE:0
    thanks for all.

    Hi,
    We had the same problem when using APEX 4.1. There are some new security enhancements included which stopped the Popup displaying the page.
    Here is how to fix it:
    Go to shared components then click on "Security Attributes" in the "Security" section.
    Then go down to a new section called "Browser Security"
    You then need to change the "Embed in Frames" to "Allow from Same Origin".
    This should then allow your popup to load correct.
    hope this helps
    Thanks
    Paul

  • 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 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 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/

  • 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

Maybe you are looking for