Tuesday, November 29, 2011

ClariFit Dialog Plugin

Over a year ago I released the ClariFit Simple Modal plugin. Since it's inception it's been downloaded almost 5000 times and has been used in several production applications (that I know of).

Today I'm please to release an "updated" version of plugin called ClariFit Dialog plugin. Like the Simple Modal plugin, the Dialog plugin is a dynamic action and allows you to have a modal or dialog window. It also has a lot of new features (listed below). Going forward if you're going to use a modal/dialog window plug-in I recommend using the ClariFit Dialog plugin.

A demo is available on plugins.clarifit.com and it can be downloaded from apex-plugin.com.

ClariFit Dialog Plugin Settings
List of features:
  • Uses the jQuery UI dialog code and leverages the jQuery UI theme currently incorporated in your APEX application.
  • Support for open/close directly in same plugin.
  • Option to have either a modal or dialog window.
  • Hide affected elements on page load. If set, this option will hide the region after the page is loaded. This removes the need to have separate region templates.
  • Chose visible state of the modal window after it's closed.
Posted by at

23 comments:

  1. Learco BrizziNovember 29, 2011 at 1:09 PM

    Nice work!

    ReplyDelete
  2. LevNovember 30, 2011 at 10:26 AM

    Thanks Martin,

    Very nice plugin, one of the features that I was really missing in APEX.

    Just 1 small thing in IE7 size of modal window is different from size in FF and Chrome.

    Thanks
    Lev

    ReplyDelete
  3. AlanWDecember 15, 2011 at 5:59 PM

    Hi Martin,

    I've been unable to get this to work at all despite running through using you book (which I bought). The button to show a modal does nothing and no errors (or anything for that matter shown in the js console).The only thing I can think of is that I'm using the PL/SQL gateway - could that be causing a problem? Any help would be gratefully received.
    Thanks
    Alan

    ReplyDelete
  4. AnonymousDecember 16, 2011 at 1:44 PM

    Thanks Martin.

    Is there a way to show the process success message from the dialog on the main page when the dialog closes? Also, if the process raises an error, the dialog should not close and show the error message with the OK/Back link so user can correct and resubmit. Is this possible?

    ReplyDelete
  5. Martin D'SouzaDecember 17, 2011 at 10:36 AM

    This plugin simply takes existing content on the current page and displays it in a modal window. You may want to look at the Modal Page plug-in here: http://apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/skillbuilders-modal-page_138.html I think it does what you're looking for.

    ReplyDelete
  6. Martin D'SouzaDecember 17, 2011 at 10:39 AM

    Hi Alan,

    Are you using APEX 4 or 4.1? If you need additional help can you please send me an email and I'll follow up with you? (My email address is in the Links section on right hand side).

    Martin

    ReplyDelete
  7. AnonymousJanuary 2, 2012 at 3:04 PM

    Hi Martin
    Can your plugin be used for multiple different regions if they each have a separate triggering event?

    ReplyDelete
  8. Martin D'SouzaJanuary 3, 2012 at 1:12 PM

    Yes, you should be able to have multiple dialog windows for each region with their own triggering elements.

    ReplyDelete
  9. RumpelstiltskinJanuary 8, 2012 at 12:42 PM

    Martin
    I am having trouble getting this highly desirable plug-in working, and I am wondering whether my page template might be the culprit. I am using Delta theme, a customized but fairly well known theme. The symptoms are that the modal page shows the previously hidden target region but with the same styling as the greyed out background, and the only working option I can use is escape to return to the original page. If you think the theme could be problematic that would be useful to know and I won't spend any more time on it for now. But if you doubt that this could be the cause, I will persevere...

    ReplyDelete
  10. Martin D'SouzaJanuary 8, 2012 at 6:27 PM

    This is probably a theme issue. I believe the Delta theme also uses jQuery CSS styles to theme the page so you'll need to look into that a bit more.

    Martin

    ReplyDelete
  11. APEX Developer In the USAApril 17, 2012 at 3:29 PM

    Martin,
    Love the plug-in.. But.. Running under IE 7 seems to be a known issue with Modal windows.. Do you have any idea of how to make Modal windows work PROPERLY with IE 7?

    Th eissue I am seeing is, the calling window is being hidden when the modal page is presented. When the modal page is closed, the calling page is re-displayed properly..

    Crazyist thing I have seen in a while....

    Thanks!

    Tony Miller
    Dallas, TX

    PS: How is it working @ Stanford University??

    ReplyDelete
    Replies
    1. Martin D'SouzaApril 23, 2012 at 10:45 PM

      Hi Tony,

      This plugin doesn't use modal windows. You may be getting this confused with the Modal Page plugin by Dan McGhan. If so, try upgrading to the latest version (2.0.0) of that plugin. It should resolve any IE7 issues you may have as I had a lot of IE7 issues with it as well.

      Martin

      Delete
  12. KolooJuly 1, 2012 at 9:22 PM

    Martin,
    I am following the step-step as instructed in your Expert Apex book but its not working actually nothing happens. Iam using Apex4.1.x. Can you pls help...thanx Scott.

    ReplyDelete
    Replies
    1. Martin D'SouzaJuly 14, 2012 at 11:16 AM

      Please send me an email with an example posted on apex.oracle.com. My email address is at the top right of the blog.

      Delete
  13. AnonymousDecember 13, 2012 at 12:49 AM

    Hi Martin
    great work and great plug in .. its work good .. but I have problem when I try to move or resize the modal region .. it hide and hang the page I don't why !!??
    so I hope to help me .

    Thanks
    Halaby

    ReplyDelete
  14. Marco J. Játiva EspinozaApril 30, 2013 at 5:49 PM

    Hi Martin.

    A Question.!!??.

    How close a clarifit dialog from ajax or javascript function.

    Thanks.

    Mc.

    ReplyDelete
  15. AnonymousJune 3, 2013 at 5:03 AM

    Hi Martin,

    When using the jQuery library jquery-1.9.1.min.js as part of the page the Clarifit Dialog stops working. I'm getting the error:

    Message: Unable to get property 'dialog' of undefined or null reference
    Line: 214
    Char: 1
    Code: 0
    URI: https://.../apex/wwv_flow_file_mgr.get_file?p_plugin_id=4989997164588986020&p_security_group_id=1352351103369255403&p_file_name=jquery.ui.clarifitDialog_1.0.1.js

    Any idea why this happens?

    Thanks
    Armand

    ReplyDelete
    Replies
    1. Martin D'SouzaJune 3, 2013 at 10:12 AM

      I'm not sure why. That's a newer version of jQuery and some of the plugin JavaScript code may need to be updated. All the code is open-source and uncompressed so you can look in and try to modify it.

      Delete
  16. AnonymousAugust 27, 2013 at 2:54 AM

    Hi Martin,

    i want to display a html region with a kind of report.
    It works fine, but the report is sometimes to long for the page.
    Now I must scroll the complete page and not only the "body" of the ClariFit Dialog page.
    Is it possible to send a max-hight parameter to the modal page?

    Have a lot of thanks!
    Sven

    ReplyDelete
    Replies
    1. Martin D'SouzaAugust 27, 2013 at 8:47 AM

      Hi Sven,

      Currently all of our plugins are open source so you can actually modify then yourself to add the additional parameter. They're hosted on Github: https://github.com/ClariFit/apex_plugins Once your done your change please feel free to make a pull request so I can add it to the project.

      Martin

      Delete
  17. J DrewFebruary 25, 2014 at 4:20 AM

    Looks like a long time since you released this but it is still really useful. Just added to one of our production apps and it's working brilliantly. Thanks!

    ReplyDelete

Subscribe to: Post Comments (Atom)