Close a modal modal Plugin page of the Skillbuilders

Similar Questions

• Modal Plugin Page showing the blank Page.

  Hi all
  I use modal Skillbuilder page 2.0 4.2 APEX.
  Whenever I open the modal page, blank page opens.
  
  Can someone guide me what could be the problem.
  
  To open the modal page, I did the following steps.
  1 installed the Plugin 2.0
  2. from parent page, I created a button. Set the action to "defined by the dynamic Action. (I also tried to set the id of the button = "CREAT_BUTTON", a dynamic action with jQuery selector etc., as shown in the example video. "But this does not also).
  3 created dynamic action on click, mentioned the button and gave the path of the new page opens.
  4. change make up the Setup for the plugin and set the theme 1.

  Please see my earlier post-
  Your 'integrate in executives' is set to 'Deny', under Edit Application Properties-> security-> security of the browser.
  I put it on "Allow same origin".

  BTW, don't forget to mark the answer as correct!

• Error opening the page of modal (plugin skillbuilder) during the loading of the page

  Hi all
  
  I use 4.2.1. (on 11 GR 2), theme 25.
  SkillBuilder Modal plugin v2 page
  
  Modal pages are working on all sorts of events, great, but if I try to open the other via a D.A. on loading the page, it fails with ' Eception TypeError: loading of the object has no method 'stopImmediatePropagation""error (in the browser console). "
  < edit >
  just found out that this error is caused by the "cancel event' DA action that should be fired after the modal dialog box open. If I omit this event Cancel modal page is not loaded, but also no error appears.
  < / Change >
  
  Any ideas on how to solve this problem? In the end, I just want to open a modal window after loading the page depending on the value of an item set when loading the page (the branch sets an element value to indicate that the modal window must be open).
  
  
  Concerning
  Bottom
  
  Published by: bottom of Klerk on 2013-apr-11 07:43

  Bottom,

  The modal shows do not charge is actually quite simple. Look at the generated code for the dynamic action and note in particular the code "javascriptFunction":

  {"name":"modal on load","bindEventType":"ready",actionList:[{"eventResult":true,"executeOnPageInit":false,"stopExecutionOnError":true,javascriptFunction:function(){
     if (this.browserEvent !== 'load'){
        apex.jQuery(document).apex_modal_page('openPageFromApexThis', this);
     }
  },"attribute02":"STATIC","attribute03":"f?p=54687:38:115741808752478:::38:::","attribute05":"data-url","attribute06":"div#success-message","attribute07":"AUTO","action":"PLUGIN_COM_SKILLBUILDERS_MODAL_PAGE"}]}];
  

  You can see that there is an explicit for the browserEvent criterion, and it must be different from "load."

  Of course, when you create a dynamic action with type "Page load", the browserevent will be "load", so no popup and no errors. Running a page in debug and research in the javascript console, you can also click through events fired, for example, I have this in the console:

  Dynamic Action Fired: modal on load (PLUGIN_COM_SKILLBUILDERS_MODAL_PAGE) Object { triggeringElement=document, affectedElements=[1], action={...}, more...}
  

  Firebug allows me to click on the object and display its properties. One of them is the "browserEvent" and set to "load".
  This prevents also the modal open when you actually set the real action of pull on the loading of the page.

  I tested a bit after commenting on prevention onload, and while I'm sure there are reasons why it was built in like that, I have immediate problems. The modal open during loading and anything funky happens, not even when you navigate around in the iframe.
  This does not however only if you want the modal to react on the loading of the page that your only option is to change the the plugin plsql code. I would say: test it enough!

  Go to the plugin, change it. Under Source > Code PLSQL find this:

     l_result.javascript_function :=
        'function(){' || l_crlf ||
        '   if (this.browserEvent !== ''load''){' || l_crlf ||
        '      apex.jQuery(document).apex_modal_page(''openPageFromApexThis'', this);' || l_crlf ||
        '   }' || l_crlf ||
        '}';
  

  and change it to this:

     l_result.javascript_function :=
        'function(){' || l_crlf ||
        --'   if (this.browserEvent !== ''load''){' || l_crlf ||
        '      apex.jQuery(document).apex_modal_page(''openPageFromApexThis'', this);' || l_crlf ||
        --'   }' || l_crlf ||
        '}';
  

  As you can see, I only commented those 2 lines, but it should allow the modal to open the loading of the page. I hope this helps you forward a bit.

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

• Modal plugin page

  Dear APEXers!
  
  I used a plug-in SkillBuilders Web site.
  
  This plug-in is on the modal popup Page.
  http://skillbuilders.com/webinars/Webinar.cfm/53?title=introducing%20SkillBuilders%20Modal%20page%20Plug-in
  
  It's work perfect like on the video.
  But I faced a problem.
  
  I tried to used modal page for sub form of table where I need to use the button with "Redirect to the page within that Application" instead of "Redirect to URL" like on the video.
  
  I used 'Redirect to the page in this Application' because I need to set the value of a first page within the value to the second page.
  
  In video showed that I can use the link in the column, but I did not report on the first page. So I decided to use the button to redirect to the second page of a value.

  Hello

  I tried to used modal page for sub form of table where I need to use the button with "Redirect to the page within that Application" instead of "redirect > to URL" like on the video.

  It seems that you are trying to define the Action of the button, if so, the action of the button must be: defined by the dynamic Action.

  To see how to pass values to other items please read this:
  http://www.Oracle-and-apex.com/Apex-URL-format/

  If the previous tips do not resolve your problem, then please reproduce your problem on apex.oracle.com and give us your credentials to fix it for you

  Best regards
  Fateh

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

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

• APEX 5.0 after you close a modal dialog box, I want to introduce the parent page, without losing session values

  I have a parent page that triggers a modal dialog box in APEX 5.0. When the user confirms in the dialog box, it closes the dialog box by using the process of dialogue.

  In the parent page, if I do not have a dynamic action "Dialog box closed", the user returned to page with the values, they recently came again here. If I add a closed action dialog box to send the page, the values are lost - it's as if the page refreshes before submitting. Someone knows how to solve this problem.

  Thank you.

  user3282753 wrote:

  Please update your forum profile with a recognizable username instead of "user3282753": Video tutorial how to change username available

  Also, is it possible to display the success message from the Page of the dialog box without updating the parent page.

  See Roels Blog: display a success message after you close a modal dialog box

• Apex modal Plugin after event Close

  Hey,.

  I have some problems with the modal Plugin from Skillbuilders. I am trying to open an another modal popup, after the closure of the first! I tried to fire a new event in the modal-manual-closing event, but the new modal popup is never shown! It would be closed as well as the first popup.

  Is there an 'after' event, or can I delegate the event to the document main is executet after closing the first popup?

  Thanks for your help!

  Andreas

  Maybe instead of close the first window, you could use a branch to this page?

  On your calling page (your main document), you can listen for the close event trigger another action. In the list of trigger actions are a few events of this plugin.

  If you put actions on the page that is called modal form, they will be lost when the modal closes.

  Greg

  [email protected]

• SkillBuilder see the position of the modal title page

  Hello

  Is there anyone know how to change the position of the template page in the plugin Skillbuilder see modal page title.

  The title of my show modal page at the bottom instead of top.

  Thank you

  Vincent

  Vincent,

  Each get request - it's own settings for the plugin. I'm sorry that I forgot to mention "themes."

  If you go into the module itself (in the shared components) in each application there is a list of tasks/menu on the right which includes "component parameters. This takes you to all of the default values used by all plugins. In the Modal Plugin, there is a setting for the theme (1 to 5 and custom). This parameter is used by the procedure of rendering of plugin to add a CSS file. If you choose 1 it will add the t1colorbox.css file to your pages that use the plugin.

  If you look at the plugin in the shared components, you can see all these files (t1colorobox.css to t5colorbox.css).

  You can also use a customization theme. Take the one you like and change according to your specifications, and then change the component for the modal Plugin settings select "Custom" in the theme option list and then fill in the details on the path and the file name for your custom CSS file.

  Themes 2 and 3 took the title and the close box at the top but in reality above the box described rather than inside. 1, 4 and 5 place the title and close button in what appears as the footer of the described area. You could probably take the 2 theme and customize it to draw a border around the title bar.

  for example

  {#cboxWrapper}

  background: no-repeat scroll 0 0 #808080;

  border: 2px solid #000000;

  }

  The close look weird button in this example, but I wanted to point out how you can change the appearance.

  Greg

• I have problems with skillbuilders plugin Page modal (2.0.0)

  Hello
  I'm a newbie on Apex. I'm creating an application with APEX 4.2.1 using the Skillbuilders modal page 2.0 plugin to create/change the form,.
  but after I presented information on page 2, I'm not able to go back to page 1 and also it is not the message
  'Action treated.'
  
  
  Could you tell me why does not or the control of 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
  
  Here are the steps I did:
  
  (a) install the plugin
  (b) change the security of...
  (c) create a TEST application (DR - Modal) following these steps:
  Theme used for the demo of the application: 25 theme
  Page1:
  (c.1) change some attributes of the button create
  Public static ID: create-btn
  Action: set by DA
  
  (c.2) create DA 'create': event: click
  selection type: jquery
  jQuery selector: #create_btn
  Action: skillbuilders modal Page (2.0.0)
  Location of the URL: statically defined
  public static URL: f? p = & APP_ID...
  Auto Close on element: div #success - message
  
  c.3) change certain attributes for the report 'report '.
  Link attributes: onclick = "return false;" class = "change link".
  
  c.4) create "Edit mode": event: click
  selection type: jquery
  jQuery selector: .editer-link
  Action: skillbuilders modal Page (2.0.0)
  Location of the URL: attribute of the triggering element
  public 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: update
  Add another action:
  event: Auto Close (skillbuilders 2.0.0)
  Action: run JavaScript Code
  Code:
  $('#messages')
  . Hide()
  . Empty()
  . Append (this.) Data. $modalPageCloseObject)
  .slideDown ('slow');
  
  Page2:
  (d.1) change the model: Popup
  (d.2) branches of change on page 102
  
  
  Page 102 (Modal close)
  (e.1) create page with no element
  
  
  Thanks in advance...
  
  Davide

  No problem. Please check the response post as the right pair! :-)

• 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

• Modal calling report that calls another Page to the APEX 5

  I have an interesting question here for the community...

  Using APEX, theme 42 5.  I have a report with a button that will call a modal form.  on the form modal is a LOV which will set a value to the calling page.  If the value returned to the calling page, I then need to redirect to another page in the application by assigning a page element on the new page with the value that I have just received from the modal page.

  I have everything up to the second rec = direct working in a test environment and I have problems with redirection...

  All those who want to watch here is the information:

  URL: https://glassfish1.revion.com/apex/f?p=4550:1:23425296545047:

  workspace: homeworld

  user name: demo

  password: demo

  application name: emp demo test (143)

  I have built dynamic actions to get the value of the page where I need but when try to redirect to the page and set the page item, that I don't get the redirection to work...

  Thank you

  Tony Miller
  Los Alamos, NM

  Hi Tony,.

  I'm just curious... If it worked for you?

  Thank you

  Pavel

• 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

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