Open Skillbuilders modal report pages

I want to open the modal page Skillbuilders in 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 it?

The idea is the following: in the report area, there is a button which opens the modal dialog box by Skillbuilders CREATE. A user can enter data, clicks submit, modal dialog box closes and the report is refreshed. That works now. Now I want to add a link to the first column in the report, which opens the modal dialog, passing the value of the primary key of the row, the user clicks.

I'm not that experienced with Javascript, I think I'll create a dynamic action with a jquery selector and as an real action, a call from javascript to open the dialog box. Can someone give me a start?

Thanks in advance!

You actually do not need as much javascript in this case. Simply design your column as you normally would to create a column of link.


  • The column link: provide a link text

  • Link attributes:

    onclick="return false;" class="show_modal"
    


  • Set the page target and provide all the items you want filled.


onclick = "return false;" is to prevent the default behavior of the anchor tag: Navigate to the location specified in the href attribute. We want to open the modal page instead.

Now to open the modal dialog box, create a dynamic action.


  • Event: click on

  • Selection type: jQuery Selector

  • jQuery Selector:

    .show_modal
    


  • Advanced > scope of the event: live (so the links will work after paging)

The real action, select the SkillBuilders Page modal plugin and make sure these are specified as follows. This will take the location in the columns generated link and open a modal page for this place.
This would then open your editing page with the correct id (that you define in the link of the column).

  • Location of the URL: attribute of the triggering element

  • Attribute name: href

  • If you have configured like this, you have the convenience of definition link standard column, no need of any javascript onclick = false and no need to fill the page elements will not save and to deal with the submission to the session state.

    Tags: Database

    Similar Questions

    • Need help with refresh region Skillbuilders Modal report

      Oracle, Oracle 11g EE 11.2.0.4.0

      Oracle APEX 4.2.5.00.08

      I have a page (Page 1) that has a button to open a modal (Page 2) based on the Skillbuilders Modal plugin using dynamic measurements.  The guide below was a great help in getting my features you want partially working.  As for the guide, I have a region report (non-IR), which has a link icon column to open a modal for updates of Records.  Also in this part of the report, I have a button that appears only for when there is no record to update, and only a new record can be created (IE insert).  Both the report link column and open button the same modal page however as on updates is a value for P1_GRANT_ID passed on to Page 2.  For news, region 1 Page report will refresh to reflect the updated after closing the modal values.  However, when I create a new record in the modal, the new record does not appear on Page 1 after its closure.

      http://ruepprich.WordPress.com/2013/07/11/skillbuilders-modal-page-instructions/

      Region report:

      SELECT g.*,
             'Q'||TO_CHAR(g.begin_date,'Q') quarter
        FROM lti_grants g
      WHERE grant_id = :P1_GRANT_ID
      
      

      Page, article to submit:  P1_GRANT_ID

      Element on the page:

      Name: P1_GRANT_ID

      Display in the form:  Hidden

      Protected value: NO.

      Source:  Still, replacing value that exists in session state

      Type of source:  Database column

      Source of value or an expression:  GRANT_ID

      The session state protection: Without restriction

      Page 2 has automated line (DML) treatment to manage the insertion/updates already and will return the new record PK in P2_GRANT_ID.  After the process of DML (seq n ° 5), I have a process after submit (seq #10) in an attempt to set the State of session using P1_GRANT_ID.

      BEGIN
        APEX_UTIL.SET_SESSION_STATE('P1_GRANT_ID',:P2_GRANT_ID);
      END;
      
      

      Appears not to effect in obtaining registration appears when updating of Page 1 report region thus immediately Page 2 I have also created a branch (Page 2 stays)

      Set these points:  P1_GRANT_ID

      With these values: & P2_GRANT_ID.

      This did not help either.  My understanding is that P1_GRANT_ID should be sent as a result of partial page refresh.  I watched during the debugging session state and the use of Firebug, but I do not understand why P1_GRANT_ID takes a value with inserts Records in Page 2.  Any suggestions?


      Given that your report has defined "Submit element Page = P1_GRANT_ID', each update that examines the value of page on the P1_GRANT_ID and by submitting via Ajax for the update. Remove this attribute and I think you'll have a chance.

      If this does not work, I would check P2_GRNT_ID to make sure that it is. Straight out of the wizard process DML return the primary key in an element.

      Greg

      [email protected]

    • Skillbuilders modal plugin page

      Hello!

      It is possible to implement modal inside a modal? I use Skillbuilders modal plugin 2.0, APEX 4.0.2 page. Version.
      If it is, can someone explain how in short notes...
      I have a modal form, which would have a button set to open another form in modal, transmitting values y and submit, and then return to the modal parent. I tried to implement and it does not work

      Moreover, I use APEX 4.2 at home, and the plugin works fine on all of the themes I've tried. But now, on the other computer, I use 4.0.2 APEX and with Theme 16, I have some problems with the size. For example, the width of the shape is great. I tried everything... Also tried a fixed size of modal. Looks good, but the problem is when the error message so it is not resized automatically and you cannot see all the content. Maybe someone has the solution for this... I'll put it online when I get.

      Thank you!

      Dark salvation,

      It is not possible at present, but it is on the list of improvements. If all goes well, it won't be too difficult.

      About older versions of the APEX, I also had these issues. There is an older version of the plug-in, use jQuery dialog on Colorbox, that works better. If you email me directly I will send a copy of the old version.

      Kind regards
      Dan

      blog: http://DanielMcghan.us/
      work: http://SkillBuilders.com/APEX/

    • SkillBuilders modal and Page point question of value

      Hello

      I created a version simplified a problem, I am trying to understand on http://apex.oracle.com (it happens on the two Apex 4.1 and 4.2).

      Workspace: EDIAZJORGE

      User name: TEST

      Password: test123

      Application: 2188

      Page: 1

      I have a field of date and a button that opens a modal page; When the date is changed, a dynamic action is triggered to assign a URL on an element hidden with the new date, for example f? p = 2188:2:105346728385780:P2_DISPLAY:21 - Aug-14

      Whenever the button is pressed, it will open the modal page and display the value of P2_DISPLAY.

      The dynamic action that opens the modal page has a defined static URL like & P1_URL.

      My confusion is that when I change the date, I can see on Session State and HTML P1_URL organizes the correct URL with the new date; However, when I click on the button to open the modal, it displays the value of the page when was initially loaded. For example:

      • If the page load with 21/08/2014, no matter how many times I change the date, it will always show 21/08/2014.
      • If I change the value at 31/07/2014 and refresh the page, then it will show the 31/07/2014 no matter how many times I change the date.

      Two questions:

      1. When the plug-in receives the value of (the Session State and the input HTML to P1_URL element have the correct date)?
      2. How can I fix without having to submit the page?

      Thank you


      Erick

      I am happy that it worked Erick. I didn't know if I explained.

      As for the suggestion of 2...

      If you run the page, as it is now (at least in a recent version I watched) you will see that when you changed the Date you can see that P1_DATE is defined in the session.

      It's b/c you have a dynamic action that works PL/SQL and declares the value of P1_DATE. So, instead of setting the value P2_DISPLAY of the session in the URL, you can use this P1_DATE session state that is set when this is handled via Ajax.

      If you were to change the action that affects your url "f?" p = & APP_ID.: 2: & APP_SESSION. "(or just use it as a static URL in the plugin) then changed P2_DISPLAY to have a value based on the value of P1_DATE it should work.

      Greg

    • Help with the Skillbuilders modal Plugin

      I hope that someone who has used the Skillbuilders modal plugin Page can help me. I watched the tutorial by Dan McGhan, but it is built for 4.0 and 4.1, I use so I can't use exactly the same steps to bind a button to the dialog box modal page.

      I have used page that shows a recording "header" with the name of the employee, etc. Then, I have 5 + smaller reports for addresses and items from the history. They are currently building as a form on a Table with the report, but I would like to change the modal pages. I have re-assigned the "create button" to point to a dynamic action, and I created the dynamic action to point to the page of the form. The modal dialog box opens and becomes just blocked on the icon 'Loading' - never really loading the page.

      I don't know how to solve this. Can someone help me?

      Hi blarman74,

      Please see the following:
      http://www.danielmcghan.us/2011/08/new-browser-security-attributes-in-apex.html

      Kind regards
      Dan

      blog: http://DanielMcghan.us/
      work: http://SkillBuilders.com/APEX/

    • Open the modal page Skillbuilders originating from an area of table

      Hello

      I want to open a page of Skillbuilders modal (bar) between table/chart.

      The user clicks on one of the "bars" and will open a modal pop-up window.

      The code to generate the chart is as follows:

      SELECT ' f? p = & APP_ID.:7006:' | : APP_SESSION. ': P7006_YEAR, P7006_MONTH:' | colName1 | ','   || link colName2,

      month LABEL.

      number of VALUE

      FROM table1;

      I don't know how to include the following code so that the modal window opens:

      onclick = "return false;" class = "DbRetiredDetails-link.

      Anyone done this before?

      Thanks in advance,

      -Sergio

      HA!  In order to check my hack on page 8.

      * The table is now HTML

      * The 'link' on the graph called openModal javascript function with the parameters modal needs

      * openModal is the link on a report 'hidden' on the same page (Yes, it's a hack) and "clique" top!

      * There is a DA on the report to open the modal window.

      To view the report, remove the "display: no ' form.

      The disadvantage... If you have a lot of what your page is a little bigger as you'd like.

      If you could use a unique ID instead of several parameters, it may be more reliable.

      Thank you

      -Jorge

    • Not able to open the modal Page by a link attribute of report

      Dear all,

      Not able to open the Page modal by an attribute of report link, kindly help me...

      I use skills builders modal plugin page...

      Thank you and best regards,

      Madonna

      Here's what you have to do.

      You set up your link column as follows:

      Text link: what you want

      Link attributes: onclick = "return false;" class = "open_modal".

      Target: Page in the present application

      : The page number to open in your modal window

      You configure your dynamic action like this:

      Event: click on

      Selection type: jQuery selector

      jQuery selector: .open_modal

      (Notice the period at the beginning!)

      Action: SkillBuilders Page modal [plugin] (2.0.0)

      Scope of the event: Dynamics

      And finally, in your real Action (SkillBuilders modal Page (2.0.0)), location of the URL must be defined as an attribute of the element triggering.

      And that's about all it takes.

      I hope this helps.

    • Skillbuilders modal Page - Open End event

      Hello

      I use Skillbuilders Modal Page 2.0.0. Apex 4.2 plugin and I can't seem to get the end event open to work.
      I came across this thread Skillbuilder Modal Page - dynamic title , but the solution suggested that Tom did not help; nothing happens even if I put an alert on the open end.

      I will be grateful for any advice that you can send my way.

      It's ok, good you have fixed!

    • SkillBuilders modal Page not opening when click on change the link in a manual Tabulo

      Hello

      This thread is related to a recent thread I created (I'm using Apex 4.1.1.00.27, Oracle DB 10.2.0.5.0column link does not work on a manual tabular form .

      In summary, I have a collection that retrieves the information from the EMP table, a manual tabular presentation based on this collection, as well as a link in the DEPTNO field this branch to another page with a form based on the DEPT table.

      What I want to accomplish is to call the DEPT form in modal form of page which opened from my EMP Page.

      What I've done so far:
      1 DEPT Page uses the popup template and creates a branch to itself.
      2. the attribute of the link to the link column (DEPTNO): onclick = * "return false;" *
      3. I created a DA using jQuery Selector: * td [headers = 'LINK'] a *. Action: SkillBuilders Page modal plugin. Location of the URL: attribute of the triggering element. Name of the attribute: href. Scope of the event: live (dynamic Apex 4.2).
      4 changed the Security Application allow to stir in frames.

      My problem is that when I click on the DEPTNO column, if he opens not modal Page.

      I created an example on apex.oracle.com in case some of you want to look at the question:
      Workspace: EDIAZJORGE
      User name: test
      Password: test123
      Name of the application: sample application
      Number of App: 12231

      I appreciate all help.

      Thank you

      Erick

      Whether you use a wrong jQuery selector. There are no columns with headers "LINK." Obviously, you want the modal to open by clicking on the icon in the column 'DEPTNO', so all that is needed is to change the selector on

      td[headers="DEPTNO"] a
      

      You can always easily test your selectors when you use a tool like Firebug. Just launch the selector in the console, and it will show you any selected objects. In your case, the execution

      $('td[headers="LINK"] a')
      

      revealed nothing. Drop still 'one' did not. At that point, I was pretty sure that there are no columns with a header...

    • Launch of Skillbuilders modal interactive report Page

      Hello
      Can someone tell me how to throw a modal Skillbuilders for interactive report Page?

      Thanks in advance,
      Johnny

      I do not see why it would be different for an IR on a classic report - have you tried to watch the webinar?
      skillbuilders.com/oracle-apex/Application-Express-APEX-Consulting-Training.cfm?tab=plug-ins

      He answered all my questions when I was first trying to use it.

    • Problem with Skillbuilders Modal Page after Pagination

      Apex 4.2

      Theme 21

      Firefox

      I installed the plugin page modal skillbuilders.

      I use it in a column of the report (html button).

      When you click the button, the modal opens, edit the data and save.

      Now the modal closes. All right.

      The problem is that if I page to the next page of the report, then click on the

      the modal button, nothing happens.

      If I press F5 and refresh the page, then the button works and the modal opens

      Any ideas appreciated

      Gus

      I have change the scope of the event on the DA who opens the modal and auto close the dynamics and now it seems to work

      Gus

    • Skillbuilders Modal Popup doesn't open correctly

      Hello

      I installed skillbuilders modal pop-up, but I can't use it. I went through the online tutorial and forum, but I don't know what I'm doing wrong.

      Opens the modal page, but soon a larger window shows which reduces in size to a more small which does not display any areas or items on the page that I chose to be a modal popup. I've created a demo which has the same effect

      http://Apex.Oracle.com/pls/Apex/f?p=35329:1

      (usr, pwd: modal, modal)

      I do not know what type of page should be used, I tried a white page, the form, the classic report, but all have the same result. I use Apex 4.2.3

      Teo

      Hi, try this.

      Components shared > security attributes > browser security > incorporate in frames.

      This must be on allow or allow same origin.

    • SkillBuilders modal plugin - reports will not regenerate

      Hi all

      I try to use the SkillBuilders Modal Page plugin 2.0.0 everything seems to work except the refreshing of reports. By clicking on the links on the modal page opens, I can make changes, and after clicking 'apply changes' of the modal box closes and I'm back to the original page, however the reports were not updated. If I manually refresh the page or reports - reports change as expected. I think that my problem is in the dynamic Auto Close action, but I can't seem to find it. It is not all the errors displayed in the console error either. Any suggestions? Thanks in advance

      SkilBuilders Page modal 2.0.0 plugin
      Version of the apex 4.2.1.00.08
      Theme 26 - Productivity Applications

      Page has 2 classic and 1 IR - 3 reports
      Each report has a link with the class link 'change '.
      Dynamic action (change clicked) is configured with:
      Event: click on
      Selection type: jQuery Selector
      jQuery Selector: a.edit - link
      Condition: No strings attached
      Scope of the event: static

      Real parameters of Actions are:
      Location of the URL: attribute of the triggering element
      Attribute name: href
      Auto-close the element selector: section #uSuccessMessage

      Dynamic action (Modal Page Auto Close) is configured with:
      Event: Auto Close [SkillBuilders Page modal (2.0.0)]
      Selection type: DOM object
      DOM object: document
      Condition: No strings attached
      Scope of the event: static

      3 settings of real Actions are:
      Action: update
      Selection type: region
      Region: "name of the region.


      Thank you
      Wayne

      Hi Wayne,

      You have a job trying to update a standard classical report by using the dynamic action, it is not as simple as that of simply by selecting the region.

      The fastest way to get there (unless you NEED refreshing AJAX of reports) is to change the action of the event Auto Close to Page submit.

      It's quick and dirty - but it works.

      Hope this helps, cheers, Pete

    • Skillbuilders modal page - message of success without close in Internet Explorer

      Hello

      I use Skillbuilders modal plugin on Apex 4.1 page.
      The plugin works fine in all browsers except in IE, where I am unable to close the success message by clicking on the 'x' in the upper right.
      I'll explain later.

      I have a report on, say, page 10, and I am to edit each line in a modal page (page 11). When saving the changes, closes the modal page and a success message appears on page 10. I see the message in Firefox and IE, however, I am unable to close it in Internet Explorer.

      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 message of success in IE, I see:
      <div id="messages">
      </div>
      The success message is displayed on the page, but it does not appear in the source code of the page and clicking on the 'x' is not shut it down.


      I have tried with several themes, the problem persists.

      Does anyone have an idea what could be the problem here?
      Someone had a similar problem?

      Thank you!

      I've been watching, kind of empty that indeed the semicolon does not say. Didn't know who he was and then took the trouble to test it in the model more as he ate so much time already. Who should teach me...
      Anyway, I was puzzled, too. Apparently, this has to do with IE8 and jQuery, adding code to the document, whether .append or before. The element is just there and everything, but the onclick does nothing. Why it worked after editing it? Probably because that IE was able/willing to pick up the attribute.
      I've tinkered with it again and again, trying to find something, Googling, but couldn't really find a cause or difficulty. Put the anchor? Nope. OnClick reacting only to the second click? Nope. Just do an alert? Nope. Just nothing works at all. I just dropped. IE8 is a headache to try to 'fix' in his manners, you're worse off.

      Ultimately I fixed it another way. My model is different from yours, but the technique is the same.
      I removed the onclick attribute of the region of success message, about the two templates. If it doesn't work I'm not there (good riddance too). I changed the href attribute too by putting just "#", which is probably just me being pedantic. This is my result success message template:

      #SUCCESS_MESSAGE#

      To be able to close it, I added some javascript in the page header:

        
      

      This is much like a dynamic action with a scope "on-line". I didn't want the trouble of having to put an action dynamic on every page and is the reason why I made this way. It works fine in every browser too, then Bravo.

      Your solution works equally well on, that's all. I wouldn't call it a 'solution', because he did not initially anyway. I wouldn't look further and stick to what works best for you. :)

    • Plugin SkillBuilders modal 2.0 with a touch of page-item - pass parameters

      Hi all.
      I have an employee table, which relates to a relationship 1: n with two tables: Emp_Tech_Fields and Emp_Kids.
      I created a form to update / insert data of the employee, and I want to add two modal pages: one for children and one for tech_fields. I think that this will be the way the more usable for this form.
      I created two page-item on this form buttons that open the respective modal pages with success, but I can not dynamically share the EMP_ID to filter the data in them.

      IV ' e downloaded to the http://apex.oracle.com/pls/apex/f?p=64921:1:6401028834215 example: comments / gu12est3
      Types of document is a report with a column of link that opens a modal with data filtering page, as it should.
      Employees (click on a link change) has two buttons: Kids, who open the modal form, but it does not filter and areas of technology, which is filtered hardcoded with EMP_ID = 1 (see the definition of dynamic action).

      As far as I understand it, this must be something quite simple and everyday, so I don't know why I have not found a way to do this. What Miss me?

      Any help will be greatly appreciated,
      Dovi.

      Hi Dovi,

      I took a look at your application and can see the link of your help for children and tech modal fields is not passing the session ID, this is why it asks you to log in again.

      Here is an example URL for your question, it is not tested however.

      f?p=&APP_ID.:20:&APP_SESSION.:::19:P20_EMP_ID:&P19_EMP_ID.::
      

      You need to change the page numbers of the pages and articles to match your page numbers. It's using the url defined statically in the plugin itself, I have also only done in an earlier version of the plugin, but I think the functionality is very similar.

      I hope this helps.

      Paul

    Maybe you are looking for

    • Hello. I have several questions on start using the iTunes U.

      We want to create the official account of our University (it is not the official request yet) and we would like to ask a few questions at the beginning. (1) the future into account our Universioty will we have the opportunity to add teachers accounts

    • How to recover my hotmail password without answering security question?

      Trying to retive my password using the email sent to me by microsoft, said in the mail that I have 4 options to recover the password. I followed the steps and it brings me only to two options. 1. to get it from an email which is inconvinient, because

    • How do I uninstall wamp server in windows xp

      Hi m using windows xp on my pc. When I try to uninstall wamp 64.i gt a menu drop-down as follows This application has failed to start because MSVCR100.dill was not found. Reinstalling the application may fix the problem. How can I solve this problem?

    • setting up e4200 with wet610n

      I'm moving into a new House.  I bought the E4200 and the WET610N so I can connect between the main house and the carriage house which will be my office.  Carriage House is 60' away from the main house.  I want to place the E4200 in the main house and

    • Cannot download Windows Vista SP2 by using my Verizon Wireless internet.

      original title: SP2 I have Vista. I need to upgrade to SP2 to use my Verizon wireless on this computer again. I could not download it so I sent a CD to put it in my computer. They sent me 32 bit and I need 64-bit. I checked 64-bit when I ordered. Who