Skillbuilders modal plugin page

Similar Questions

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

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

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

• 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

• Close a modal modal Plugin page of the Skillbuilders

  So I have everything works except closing the modal page. I think it's a matter of topic, but I'm not sure where to look for the right tag/solution. Modal page works, supports the values (to write to load/create/save custom process), but it does what it should. I have the direction of the page from 99 (my page close modal Page) and that works. What does not work is the dynamic Action close modal Page. In the tutorial, you had to find the section in the page with the success message and enter the label of the division. I use the Blue Classic theme (13) and it seems to be the same div #success - message that should work. Modal page after you save the new value, I don't see a message. As I had to create processes customized to load/save the values in the table, is there somewhere that I also customized record a success message?

  Hi Blarman74,

  Your success message is identified by a class rather than an ID hash Tags are used to select by ID. For classes, you use a point. The correct selector would be div.t13SuccessMessage

  Kind regards
  Dan

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

• Skillbuilders modal Plugin - can I change themes?

  Hi all

  I use the plugin modal Skillbuilders, theme 1. The title div and the close icon appear at the bottom of the modal, but I prefer their upstairs. I can inspect the HTML and see the divs ("i.e. <div id="cboxClose"' style="float: left;" ) > ( Close< /div>), but I don't think I have access to the real model that is generated.

  
  

  I can move these divs to display at the top of the modal?

  
  

  Any ideas or advice are appreciated!

  
  

  Thank you

  John
  

  
  

  John,

  The HTML code is built by the Colorbox Jquery plugin. Apex plugin allows you to select topics or provide a custom theme here is just CSS

  If you select the theme 1, for example, it will add a reference to the css of the page file t1colorbox.css. These files (t1 - t5) are all provided in the files section of the plugin.

  If you can do with CSS, then you can modify an existing theme CSS file or provide your own. If you choose the version of the "Custom" theme, then you will need to provide the file name and the path to your new CSS.

  We had a similar discussion on this forum who can help you.

  https://community.Oracle.com/thread/2619562

  Greg

• 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

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

• 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 Page Plugin

  THE problem I have is that when I open page opens very well, I think that a record does well.

  But when the button is pressed, it must close the modal page and return to the page that I call the modal window.

  What it does, is that, in the same modal page I load the page I call the modal

  Anyone know what this problem is

  Apex 4.2

  Oracle 11g

  So you see the opening screen

  Subefotos.com - Comparte tus fotos rapidamente

  When I record, no closed, load the page that calls

  Subefotos.com - Comparte tus fotos rapidamente

  I think that the first step is to have the modal page redirecting to itself.

  So so that it has a 'success' Message

  Assuming that you are using a new theme and then set "Auto close" on the dynamic action of the plugin forsection#uSuccessMessage

  In this way the modal plugin will trigger the closing when a section of the uSuccessMessage id tag is present.

  Greg

  [email protected]

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