Skillbuilders Modal Popup doesn't open correctly

Similar Questions

• Skillbuilders Modal Popup

  I use the Skillbuilders Modal Popup (v 2.0.0) with Apex 4.2.5 plugin and it works great. I am really happy with the overall results and the attention to detail that went into the creation of this plugin. I followed with the video tutorials Skillbuilder and got everything that is a demo would be there to work, almost.

  Here are the details of my use case. I have an Apex form page and there is a small report of related action items on this page. Each proposed measure gives just enough information to let you know what you are looking for, and there is an edit for each link, so you can view/edit full details. The link Edit opens a pop-up form for an element of individual action. The popup form has a button "update", which saves it, closes the form and updates the list small/report on the original page (appellant). Based on the Skillbuilders tutorial, I did it with 2 different dynamic actions and the use of the narrow "modal" technical page they describe.

  As I said, this works very well, except for one small thing. After the modal pop-up window closes and the region of report is updated (via dynamic action) the edit links on each report only ranks no more working time. If I update the original dynamic action calling page that the links will work once again, this is until I click on one of the links Edition, open the popup form, save the changes and return to the calling page. I'm getting so close, but so far, it's a closed loop transaction.

  It is as if there is an error javascript somewhere and I just can't track down. I tried to do a little but debugging but guidance on where and how to fix this would be appreciated. Thank you.

  Earl

  Are the dynamic scope of links event the value static or dynamic?  If they have the static value that they should not work after the update of the report I think.

  Thank you

  Tony Miller
  Los Alamos, NM

• jQuery Mobile - Popup doesn't open after F5, but not on the first page load

  Greetings guys,
  
  Unfortunately, there is very little documentation on how to combine the APEX 4.2 with jquery mobile components, so I hope that some geniuses here can help me.
  
  On a single page with a bunch of hole components, there is also a popup div

  <div id="myPopup" data-role="popup">
     <!-- close button, safe button, input field and short list... -->
  </div>

  He gets open with js:

    $( "#myPopup" ).popup( "open" );

  This all works well, not to mention that the face that it works as after you refresh the page!
  The page loads via js:

      $.mobile.changePage('f?p='+ $v('pFlowId') +':20:' + $v('pInstance') 
                         , { transition:"slide", reloadPage:true });

  ... who also works very well so far. Same problem, I had before when I was using a dialog instead of the pop-up box. -only show after refreshing the page.
  
  This must surely have something to do with how JQM loads and makes the page (outside the APEX-job) - a simple enough question. I also tried different ways of calling the page, without any difference to this problem. Unfortunately I'm quite new to work with JQM, so maybe someone here can help me.
  
  Thank you very much in advance,
  Best regards
  Tobi

  When you think the loading multiple pages is the issue that you can fix that by using the variable apex.gPageContext$ .

  In order to get the popup in the use of the last page / current / real: $("#myPopup",_apex.gPageContext$).popup ("open")

  Documentation says (not more and not less then):
  apex.gPageContext$-used to limit the jQuery to the active desktop or Mobile current page jQuery selectors.

• Popup doesn't open button

  I have this strange thing in trying to invoke a popup when a commandButton control is clicked.
  I get a warning in my output server telling me that it cannot open a popup in a full page request.
  
  I use the same code in the same page in the facet of the context of an af:table to open the popup even and that works very well.
  
  This is the aspect of my table:
  

  <f:facet name="context">
                      <af:contextInfo id="ci1">
                          <af:clientAttribute name="aid" value="#{row.id}"/>
                          <af:showPopupBehavior triggerType="click" popupId="::myPopup"/>
                      </af:contextInfo>
                    </f:facet>

  I use it for my commandButton control
  

  <af:commandButton id="btnNew" text="New">
              <af:clientAttribute name="aid" value="0"/>
              <af:showPopupBehavior triggerType="click" popupId="::myPopup"/>
          </af:commandButton>

  When I use this, jdeveloper tells me "reference ID: myPopup does not exist. When I take off the: I do not get an error. When I deploy with the: and ignore the jdeveloper error, I get the error message saying open a popup with a full-page application is not supported. I get the same error when I remove the: and use myPopup instead of: myPopup so it does make a difference.
  
  Anyone has an idea why this is and why I call her my af:table and not a commandButton control popup?
  
  It's the declaration of my popup:
  

  <af:popup id="myPopup" launcherVar="source" contentDelivery="lazyUncached" eventContext="launcher">
  ....
  </af:popup>

  Published by: Yannick.O on April 13, 2010 23:49

  Try to set partialSubmit = "true" on the command button.

  Pedja

• 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

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

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

• Problem with Skillbuilders Modal

  Apex 4.2

  Theme 21

  I have something strange happening.

  When I click on my link edit, my modal page opens correctly.

  If I make my changes and click Update. My changes are saved, the modal farm,

  my success message appears - all good.

  The problem is that, if I now click on the link change once again, my page opens as a normal

  page and not a modal

  All ideas

  Gus

  It is a punt on Friday afternoon - is the dynamic action that opens the modal have a range of dynamic = event?

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

• SkillBuilders modal Page does not work in Apex 4.2

  Hi all
  
  I'm trying to set up an example in apex.oracle.com of an application developed in Apex 4.1 and Page modal SkillBuilders plugin does not work.
  
  To view this situation, I have created a version simplified the application, with only two pages, apex.oracle.com.
  
  Workspace: EDIAZJORGE
  User name: TEST
  Password: test123
  Application: 66464 - Modal Page sample
  
  When the loading of the Page 3, dynamic Action is performed to open the Page 2 (interactive report) the page modally, but it does not work (the modal page does not open).
  
  Please note that this works at the Apex 4.1 and the property incorporated into frames in my application is set to allow.
  
  I appreciate all help.
  
  Thank you
  
  Erick
  
  Published by: ediazjorge on January 30, 2013 15:20
  
  Bump!

  Erick,

  This is due to a change being made in the context of dynamic Actions in 4.2. Workaround for now is to change your load event of the resource on the DOM window object.

  It's working now. In the next version of the plug-in, you will be able to return to the (ready) Page Load event.

  Kind regards
  Dan

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

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