Skillbuilders modal plugin

Similar Questions

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

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

• 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

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

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

• Call skillbuilder tabular form modal plugin

  Hello

  I have a tabular presentation, which I try to call the modal skillbuilders one of the columns page.

  The field I want to use to pass the modal page ID can be null, so I put a bit of functionality in the display only the link, if the ID is filled.

  I used the modal plugin before, but don't ever use this kind of functionality (from link on status of tabular form) as I have always previously used a button and assigned the id.

  Can someone advise how to assign the field WIP_TRACKING ID please that I can use to go to modal page?

  The tables SQL code is below:

  SELECT
  COMMENT_ID,
  COMMENT_ID COMMENT_ID_DISPLAY,
  APPLY_COMMENT_TIMING,
  CUSTOMER_NUMBER,
  ITEM_NUMBER,
  SAP_NSC_NAME,
  SAP_CUSTOMER,
  SET_STOP_INFLATING_ODR_SSD,
  COMMENT_TEXT,
  DISABLED_FLAG,
  CASE
    WHEN NVL(APPLY_COMMENT_TIMING,-1) =3
    THEN
    '<a href="'
    || 'f?p=&APP_ID.:2:&SESSION.::&DEBUG.::'
    || 'P2_COMMENT_ID:'
    || COMMENT_ID
    || '">'
    || '<img src="#IMAGE_PREFIX#edit_big.gif" alt="">'
    || '</a>'
    ELSE 'Not Tracked'
    END WIP_Tracking
  FROM #OWNER#.XXMEL_CPE_COMMENTS
  
  

  Cashy,

  You didn't say if your Apex 4 or 5. So better idea is now under the HTML code, or add custom attributes id = "".

  Laurent

• 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

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

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