Change the popup window size in the "optional label with help" template?

Question

G'Day Apex/javascript gurus,
I am using Apex 4.0 where I coded an HTML table for help text in one item. Now, when an user click for help in this item then the HTML table is bigger than the size of the pop up window so the client has to re size it a bit to see it fully. To fix this, I tried to create a new "optional level with help" template where I can control the size of the pop up window and make it bigger to fit my HTML table so the client does not have to resize but I could not find any parameter in the original template:
<label for="#CURRENT_ITEM_NAME#"><span class="t9optionalwithhelp"> "javascript:popupFieldHelp('#CURRENT_ITEM_ID#','&SESSION.')" tabindex="999" that help me to achieve that
I am not an expert in javascript but I appreciate greatly if somebody here could help me to create a new label (with help) template where I can control the size of the popup window.
Kind regards
Carlos
Edited by: creyes on Aug 1, 2011 1:22 AM

Answer 1

Hello Carlos,
You can overload the APEX javascript with your own, on the page you want it to happen. You can do that in the Page Definition - Function and Global Variable Declaration.
Copy the below code into there and change the width and height of the popup.
function popupFieldHelp(pItemId, pSessionId){
    // Show jQuery div based dialog if not running in screen reader mode, if not fall back to old popup
    if (!$x('pScreenReaderMode')) {
        apex.jQuery.getJSON(
        'wwv_flow_item_help.show_help?p_item_id=' + pItemId + '&p_session=' + pSessionId + '&p_output_format=JSON',
        function(pData){
          var lDialog = apex.jQuery("#apex_popup_field_help");
          if (lDialog.length===0) {
            // add a new div with the retrieved page
            lDialog = apex.jQuery('<div id="apex_popup_field_help">'+pData.helpText+'</div>');
            // open created div as a dialog
            lDialog
              .dialog({
                title: pData.title,
                bgiframe: true,
                width: 500,
                height: 350,
                show: 'drop',
                hide: 'drop' });
          } else {
            // replace the existing dialog and open it again
            lDialog
              .html(pData.helpText)
              .dialog('option', 'title', pData.title)
              .dialog('open');
    } else {
        popupFieldHelpClassic(pItemId, pSessionId);
    return;
}; // popupFieldHelpHope that makes sense,
Dimitri
http://dgielis.blogspot.com
http://www.apex-evangelists.com