Skillbuilders Modal Popup

Similar Questions

• 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 page: how to submit the page parent after closing modal window

  Hello.

  I use Apex 4.2.1 on mod_plsql and Oracle 11 g 3.

  I installed version 2.0 of plugin Skillbuilders Page modal.

  In may, app, page 7 presents a button.  When you click on it, page 6 is displayed as a modal popup.  Users can change this modal page form fields and then click on a "submit" button.  This, in turn, automatically closes the modal page.  Users seek then to page 'parent' (page 7).  It all works very well.

  My problem: Page 6 (modal page) contains a collection of Apex.  This collection is updated when users click the submit button.  It is this collection to be displayed with the data updated on the page "parent" (page 7).  And so, I need to automatically send page 7 when the modal page closes automatically after clicking submit on the modal page.

  I tried a dynamic action that performs an action of "submit page" whenever the user clicks on the button send in the modal page.  But because the plugin uses an iframe to display the modal page, the action of page submit real that happens in the iframe, not in the 'parent' page (page 7).  When the modal page closes automatically, users are left looking at the page of 'parent' (page 7) with the previous data (not updated).  I have to manually refresh the page (via the browser) to see the data updates to the collection.

  And then, does anyone know how to automatically return the page of 'parent' when the modal window closes automatically?

  Thank you.

  Elijah

  
  

  Your dynamic action automatic closing has not been set correctly. The action is not triggered on a specific item, but rather on the 'document '. Your selection should be 'Élément DOM' and the element must be "document".

  (Note that if you use several modal pages on one page, this action triggers for each of them. You can use the 'modal page id' in the creation of the page modal DAs must be able to stand out in outreach. You can find this in the documentation, too.)

• Modal popup using skillbilder page

  Hello
  I got my popup page to display modal way using skill-builder, but now, how can I pass values of page1 as: point p1_customerid of page2 popup: p2_customerid? I used url in java-script before but now I want to pass those values to the modal popup window how to? Thanks in advance...

  Jeiri,

  You don't have to do 10 different entries.

  Add more code under APEX_UTIL PLSQL for each group you want to submit. Then, separated by a comma, list the variables you will be as follows:

  P1_CUSTOMER_NAME, P1_CUSTOMER_ID, P1_CUSTOMER_LASTNAME, etc.

  You will have only 2 entered DA, PLSQL and Skillbuilders Modal

• Skillbuilders modal page at the Apex 4.1 plugin issues

  Hello
  
  I applied the Skillbuilders modal page plugin in my application. Everything works fine except that when I close the popup - window is not getting updated my parent window.
  I put the dynamic action - Auto Close modal and you - update on the parent page report.
  
  Parameters:
  Event: Auto Close [Skill Builders modal Page]
  Selection type: DOM object
  DOM object: document
  No condition
  
  Any help much appreciated.
  
  Thank you
  JAS

  JAS,

  You're all set. I put the link of the event for you DA from the album Live to Bind. This is necessary because the living places of event on the document element bindings, but seems to only listen to events fired on his descendants.

  I also fixed a bug in the JS that displays the success message. He now calls empty() to avoid adding duplicate success messages.

  Kind regards
  Dan

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

• SkillBuilders Modal Plugin - bug after resizing Page

  Hello dear community of APEX.

  I found a bug using the SkillBuilders Modal Page PlugIn for APEX.

  I use the resize function located in the official documentation of the plugin.

  $(document) .apex_modal_page ('resize', {height: $(«_iframe.cboxIframe_»,_window.parent.document).height () + 140, width: $("iframe.cboxIframe",_window.parent.document).width () + 300});

  If scrolling is enabled in the settings of component the page shrinks after each send + validation error.

  Just check it out on the demo application:

  https://Apex.Oracle.com/pls/Apex/f?p=14623:1

  ID: comments

  PW: Gu_est7

  1. press the button of page 1

  2. the texfield and press ENTER

  3 again... and see how the modal page shrinks in width after each submitted with validation error.

  Please help me solve this problem...

  Best regards!

  Mehmet,

  Take the "apex_modal_page.min.js" of the fixed application javascript file and replace the file in your existing plugin. You can also export the plugin from the fixed application and import it in necessary instances.

  I modified lines 214 and 215

  /*213*/ jQuery.colorbox.resize({
  /*214*/    innerHeight: Math.max(c._elements.$iframe.height(),c._elements.$iframe.contents().height()),
  /*215*/    innerWidth: Math.max(c._elements.$iframe.width(),c._elements.$iframe.contents().width())
  /*216*/ })
  

  Please let me know if you need additional assistance.

  Thank you

  Tyson

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

• ID of PK through the report apex using the URL and screen modal popup open

  Hello my dear,

  I use apex 4.2.0.00.27

  I am facing a little problem and I hope that you guys will help me please?

  I have 3 regions. 1 first is view only then 2nd region's interactive report and a 3rd has only 1 column.

  in the report of the region say select id, ename, empno, sal, ' ' edit_link columns for example. region 2 static id is 'Create_Reason'.

  I created DA using code JavaScript as (javascript:openModal('Create_Reason');) for modal and made page region (region 3) so is it opens as a page modal popup.

  I added a url (javascript:openModal('Create_Reason'_) ;) as chosen target is the URL in report item (edit_link).)

  It will open a modal pop-up window average area 3 on the same page and I'm doing what I want to do, but I don't get PK id in session state, so I can't update my chosen rank.

  Because PK ID is not in session state, so I can't use condition where clause and it is not updated my application.

  Any help please?

  Very much appreciated.

  Kind regards

  RI

  I realized it. in fact, I changed the report item (edit_link).  In (link in the column, link attrribute #ID # and the target page in the app and the page # (item1 (hidden) p1_item1 question on the page) and value (#ID #).)

  then I created DA as the loading of the page and run the code JS as javascript:openModal('Create_Reason'); and service area to be displayed and the item added a condition (p_item1 (hidden_item is not null).)

  before has worked, but only he send the page or refresh the screen and load the popup.

  Is anyone has the best solution or higher is good?

  Thank you.

  RI

• refresh the report after you close the modal popup

  Hello

  I try to call page editing as popup modal as in this example below.

  http://Apex.Oracle.com/pls/Apex/f?p=45420:3:0:no:

  It works fine, but after you change/update a registration and closing of the edit page, is not refresh the main report page (first). How can I change so it refresh the report calling when closed. Please NOTE: I do not want to refresh the whole page, but only the report after you close the page modal popup.

  Apex 4.2

  Thank you in advance... regards

  It worked, now missed me the branching code and the parameter by js... Thank you

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

• Skillbuilders modal plugin

  Hello!
  
  I'm trying to trigger the Notification plugin on autoclose Skillbuilders modal plugin. This works. But I it would only trigger when the success message is "successful Insertion!
  
  I made a dynamic action, event is Auto Close and action is Notification plugin. And here I would put in condition to shoot only when the success message is equal to something.
  
  Success message is waiting for

  <div id="MESSAGE" class="t16success">

  What should I put in condition?
  
  Thank you!

  -Very well, use

  this.data && this.data.$modalPageCloseObject.length!=0 && (this.data.$modalPageCloseObject.text()=="Action Processed.")
  

  "this.data. $modalPageCloseObject" is an array. It contains all items matching the given selector. This will probably always 1 element. I changed the test on the aswell of object to check its length, and not its existence.

  "(this.data. $modalPageCloseObject.text ()" does not have the "search for" because the object is already as a div. ")"

  ...
  

  and performing

  $("#messagge").find("div") 
  

  now he would return an empty array aswell.
  If. find() can be moved and just use the text object.

  If there is ever more objects in the table, you can restrict to, say, the first element using the. on the CloseObject eq().

• 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 Page on IE8 with a theme of IE6 compatible Apex

  Hello
  
  We use 13 Theme for some time now - I am aware that this is not the best theme in the world to use, but with the number of pages app that we have now it will take much time to upgrade to a more recent topic.
  
  Recently, we have implemented the Skillbuilders modal page with more than a little help from Dan McGhan and it looks amazing, using any theme of Apex, when using IE9, Chrome, Firefox etc. For some reason if you use IE8, we know the strange behavior.
  
  The modal box is not displayed the close button and the right and bottom sides are concealed within a parent div It is a known problem with the jquery ui dialog box, but I was hoping that someone could have developed a work around to make it display correctly.
  
  If you visit [http://apex.oracle.com/pls/apex/f?p=62488:2:0 url:] this example with IE8 and click on names, it does not display properly.
  
  Can anyone help? We know the switching to a non - IE6 compatible themes we work, but I'd like to solve this problem without changing things in this regard.
  
  Any help would be greatly appreciated.
  
  Best regards, Pete

  Pete,

  The page for the home page templates and the modal page lack DTD to the browser is running in quirks mode. Try to add the HTML5 DTD as it is simple:

  Note that this can result in other parts of the model of 'break '. These can be fixed, but depending on the severity, it can cost a lot of time to fix.

  Kind regards
  Dan

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