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.

23 comments:

  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. Hi Martin
    Can your plugin be used for multiple different regions if they each have a separate triggering event?

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

    ReplyDelete
  8. 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
  9. 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
  10. 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. 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
  11. 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. 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
  12. 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
  13. Hi Martin.

    A Question.!!??.

    How close a clarifit dialog from ajax or javascript function.

    Thanks.

    Mc.

    ReplyDelete
  14. 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. 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
  15. 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. 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
  16. 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