dialog jquery apex 5.0 by dragging the issue

Hello

Always try to get used with 5.0 and its modal (or not) dialogue.

Below is the sample app, modal dialog box stylized dialogue-based

You questions:

1. appendTo is only way to get response dialogue inside the shape?

2 jQueryUI seems to have some problems with dialogue by dragging the function above problem under IE and FF (Chrome seems to have no problem with it), but it is more suitable to solve it?

3. modal dialog in the apex gives defined resolutions of modal window: it can replace the jQueryUI however dialogue how set I've automatically adapted to the content?

apex.jQuery( this.affectedElements ).dialog( 'destroy' ).appendTo( 'form#wwvFlowForm' );
apex.jQuery(this.affectedElements).dialog({
    closeOnEscape   : true,
    draggable       : true,
dialogClass : 'customStyles',
    height          : '300px',
    modal           : false,
    resizable       : true,
        width           :'900px',
collision: 'fit',
drag: function(event, ui) {
                var fixPix = $(document).scrollTop();
                iObj = ui.position;
                iObj.top = iObj.top - fixPix;
                $('.ui-dialog').css('top', iObj.top + 'px');
            },
  open          : function(event, ui){
    // Bind click handler on the overlay, to force dialog closing
    apex.jQuery('.ui-widget-overlay').bind('click', function() {
      apex.jQuery(this).prev().find('div:nth-child(2)').dialog('close');
      });
  }

});

Thank you

Hi jareeq,

I see now that the source of confusion may be that the application example dialogue always includes a page using the jQuery UI dialog box. Sorry about that. I had recommended to delete this page and I thought he had, but clearly, he didn't. For the reasons given in the blog referenced above, there is a lot of work to get jQuery UI dialogs well operate in an APEX application. So I highly recommend people to use the APEX for the dialogues in line (modal region) and modal pages.

The jump from the dialog box down on the drag problem does not happen with APEX inline dialogues or modal pages so I recommend you to use those.

Kind regards

-John

Tags: Database

Similar Questions

  • I have Apex installed 3.2 on the issue in 2003 HTTP Server 9.2.0.8/windows

    It seems to be conflicting advice on where to place the info dads.conf.

    I see http://www.uaex.edu/srea/Application_Express_Installation.htm that I ought put in websrvr.app.

    Others suggested in the file httpd.conf, others elsewhere.

    If I place it in one of the locations other than websrvr.app, HTTP server won't start (and I get no error message indicating anything), but with the descriptor in websrvr.app, I get jack for the connection... Sometimes I'll get XDB password requested, sometimes the/pls/apex/apex_admin requested URL was not found on this server...

    The websrvr.app is:

    [DAD_apex]
    connect_string = manor.intra.tmrs.org:1521:gtest
    password = apex
    user name = apex_public_user
    default_page = apex
    document_table = wwv_flow_file_objects$
    document_path = docs
    document_proc = wwv_flow_file_mgr.process_download
    reuse = Yes
    enablesso = No
    stateful = STATELESS_RESET
    NLS_LANG = American_America.AL32UTF8

    If you get a challenge XDB port 8080, this is where XDB is running. You can't have 2 different applications / services that are running on the same port. So, put back to 7777 would eliminate this problem. If you try and you configure XDB and OSH on the same port, you will never get APEX to work.

    You can use the netstat command to see which ports are used by specific applications.

    Tyler Muth
    http://tylermuth.WordPress.com

  • Apex report line delete using the jquery class

    Hello

    Using Apex 4.2 and oracle (10 and 11 g)

    On my apex page, I have a report and the button (DELETE)-> id = BtnD , then the user can select and delete the lines of desire.

    Load the page DELETE button is disabled. so when the user has archived the click the box and then REMOVE the button will be enabled to disabled.

    SELECT APEX_ITEM. CHECKBOX (1, empno, 'class = "DelRow" ') 'Select', ename, job

    WCP

    Create a new dynamic action, for example. Remove the line (s)

    Event: click on

    Selection type: jQuery Selector

    jQuery Selector:. DelRow (this is the class that I added to the check box in the sql)

    Condition: Expression of JavaScript

    Value: $(this.triggeringElement) prop ('checked')

    Action: Enable-> jQuery Selector:. BtnD-> location-> jQuery->. BtnD

    Action of false: Disable-> jQuery Selector:. BtnD-> location-> jQuery->. BtnD

    It works fine, however, if there is more than one row and more than one but if selected user

    Nations United checked one of the line then button is also disabled. I want to, it must not be disabled until all lines are UN ticked

    otherwise still activate?

    any help please?

    Kind regards

    RI

    Irha10 wrote:

    Using Apex 4.2 and oracle (10 and 11 g)

    On my apex page, I have a report and the button (DELETE)-> id = BtnD , then the user can select and delete the lines of desire.

    Load the page DELETE button is disabled. so when the user has archived the click the box and then REMOVE the button will be enabled to disabled.

    SELECT APEX_ITEM. CHECKBOX (1, empno, 'class = "DelRow" ') 'Select', ename, job

    WCP

    Create a new dynamic action, for example. Remove the line (s)

    Event: click on

    Selection type: jQuery Selector

    jQuery Selector:. DelRow (this is the class that I added to the check box in the sql)

    Condition: Expression of JavaScript

    Value: $(this.triggeringElement) prop ('checked')

    Real action: activate-> jQuery Selector:. BtnD-> made-> jQuery->. BtnD

    Action of false: disable-> jQuery Selector:. BtnD-> made-> jQuery->. BtnD

    It works fine, however, if there is more than one row and more than one but if selected user

    Nations United checked one of the line then button is also disabled. I want to, it must not be disabled until all lines are UN ticked

    otherwise still activate?

    Change the Condition DA to

    $('.DelRow:checked').length > 0

  • When I go to save, or export a document, my columns of dialog windows are all screwed up. Question: how to format them so that they are permanently attached? I'm tired of dragging the column over and over again. See for example the attached screenshots

    Screen Shot 2016-02-17 at 6.12.16 AM.png

    Open the dialogue window, the column width should expand. The new dialogue window size must be the same for subsequent exports. If you want to change the default column size, hold down the option key when you drag the small dividing line between the columns, (even if the new size apply to export and save the window).

  • Apex schedule 5, disable drag and drop (only!) to specific entries

    Hi all

    (in particular, the gurus of js/jquery)

    I have 5 Apex calendar I let slip and fall in informaciones. However, for some special entries (for example .apex-cal-red) I want to disable drag and drop.

    Would be great if someone could go an example to illustrate how this can be accomplished.

    Thanks in advance!

    André

    Hi andreml,

    andreml wrote:

    I have 5 Apex calendar I let slip and fall in informaciones. However, for some special entries (for example .apex-cal-red) I want to disable drag and drop.

    Would be great if someone could go an example to illustrate how this can be accomplished.

    This feature will be introduced in the next version 5.0 of the APEX.

    Refer (response by Patrick M-Oracle): Re: APEX 5.0 Calendar disable the links for the last days

    The time being, you can use validation-based approach.

    Reference: Apex 5: calendar, how can I restrict only one entry per date of

    Kind regards

    Kiran

  • How to disable him drag the text selected for searching the Web?

    How to disable him drag the text selected for searching the Web?

    Hmm, I did not forward. This is a new tab page with nothing to do with what you were dragging?

    I wonder if this might be a feature of one of your extensions. You can see their and disable/remove those that are not essential or unrecognized, here:

    Firefox orange (or the Tools menu) button > addons > Extensions category

    If you disable the extensions, usually a link will appear above at least one of them to restart Firefox. You can complete your work on the tab and click one of the links in the last step.

    If there is no difference, you could test mode without failure of Firefox - which is a standard diagnostic tool in order to avoid interference by extensions (and some custom settings). More info: questions to troubleshoot Firefox in Safe Mode.

    You can restart Firefox in Mode safe help

    Help > restart with disabled modules

    In the dialog box, click on 'Start mode safe' (not Reset)

    Any difference?

  • Apex GURU STATUS available for the taking

    I posted this simple question several times on the forum with no response. So come on apex gurus we'll see what you're made of:

    How do you add a blank line at the top of a region in the form NOT the bottom? (This option was available in pre - V4 thanks to sort descending on the pharmacokinetics, but was lost in V4 +).

    Most of my users complained lose this feature when we upgraded to V4.

    Thanks in advance
    PaulP

    The answer can be unique depending on your version of the APEX, the used page template and used report template. You may need to create an example on apex.oracle.com and access to developer get a better answer. It seems to me that the previous discussions on this issue have valid answers, but perhaps none of the solutions worked in your case.

    Quickly, I created an example on http://apex.oracle.com/pls/apex/f?p=9487:76:0

    I created a tabular presentation on the emp table and added a dynamic action.

    Name: Add the line above
    Sequence: 10

    Event: click on
    Selection Type: button
    Button: ADD Row
    Condition: - no requirement.

    Real Action
    Sequence: 10
    Action: run JavaScriptCode
    Fire when the result of the event is: true
    Fire on loading the Page: unchecked
    Code:

    apex.widget.tabular.addRow();
    apex.jQuery(apex.widget.tabular.gTabForm).find(".highlight-row").last().insertBefore(apex.jQuery(apex.widget.tabular.gTabForm).find(".highlight-row").first());
    
  • Drag the feature disabling button actions within a movieclip

    I build an interactive map and I encountered a problem. The map is draggable and I have a start and stop race function slide like an onEnterFrame function that limits how far you can drag the map. The map is displayed inside a hidden box. On the map is a lot of places that, rolled once more should appear a small dialog box with the contact information. My problem is that it only works when I disabled drag functions. When the drag functions run the buttons inside the clip map all stop working. How can I get around this?

    Drag the feature:
    Start dragging the sequence
    map_mc.onPress = function() {}
    this.startDrag ();
    };

    Stop dragging the sequence
    map_mc.onRelease = function() {}
    this.stopDrag ();
    };

    onEnterFrame = function() {}
    Limit player at the stage

    //
    If (mc_map._x < = - 1400) {}
    mc_map._x = - 1400;
    }

    Lower limit
    If (mc_map._y < = - 400) {}
    mc_map._y = - 400;
    }

    Limit to the left
    If (mc_map._x > = 50) {}
    mc_map._x = 50;
    }

    Upper limit
    If (mc_map._y > = 50) {}
    mc_map._y = 50;
    }
    }

    Example of function button:
    Distributors
    santafespringsDI_btn.onRelease = function() {}
    distributorLabels_mc.gotoAndStop (11);
    distributorLabels_mc._x = _root._xmouse + 10;
    distributorLabels_mc._y = _root._xmouse - 80;
    }
    santafespringsDI_btn.onRollOver = function() {}
    distributorLabels_mc.gotoAndStop (11);
    distributorLabels_mc._x = _root._xmouse + 10;
    distributorLabels_mc._y = _root._xmouse - 80;
    }
    close_btn.onRelease = function() {}
    distributorLabels_mc.gotoAndStop (1);
    }

    If you do what I say, you will be dragging the film which contains everything that [using startDrag (this._parent) on the background], so in the film will travel with her.  I'll post a link to an example (this same issue was raised recently so I created one).

    example: http://www.nedwebs.com/Flash/dragMap.fla

  • How to drag the folder main back in the sidebar of the window

    Hello

    By mistake, I dragged the main folder (root?) of the sidebar of the window. I was trying to drag in the Prefs > projector > protection of personal information in order to reindex Spotlight. When I let go, she went from Ottoman.

    I am Elmer, I think it was called "Elmer Macbook" or something like that. No idea how it go back in the sidebar of the window?

    The best

    Elmer

    Hello

    Open the Finder, then go to the Finder menu bar and click Edit > undo move

  • When I try to highlight the text my cursor turns into a hand/fist who just drag the page. I need to be able to highlight, copy and paste text.

    I have to be able to highlight text on web pages, copy and paste. But when I click on my mouse left button, he made a hand / fist which simply dragged the page.
    How can I get to where I can highlight text?

    Start Firefox in Safe Mode to check if one of the extensions (Firefox, Tools/menu key > Modules > Extensions) or if hardware acceleration is the cause of the problem.

    • Put yourself in the DEFAULT theme: Firefox, Tools/menu key > Modules > appearance
    • Do NOT click on the reset button on the startup window Mode safe
  • Drag the e-mail message open mailbox

    I've recently updated to El Capitan.  In latest versions OS Mail, when you opened a message, there is an icon at the top of the window of the message before the title and you can click and drag the open message to the mailbox to check it.  The icon is now gone and I can't find a way to do this without finding the original message in my Inbox.  Is there a way to get around this?  The reason why I want to do this is because I often open the messages I need to treat and leave them open as a reminder.  The message in the Inbox becomes buried in hundreds of others and so it is easier to find and move the open message that he finds in the Inbox list.

    Try dragging the message header. I can't test this on a machine of El Capitan right now, but I think it works.

  • Hi, I can't drag the Firefox journal normally to the left of the address in the browser to the symbol of the House because it was replaced by the padlock.

    Hello

    Following a recent download of a defrag program I did not notice that he put in bitable.com. This page

    (direct access to social networks sites, Google YT etc ) has now displaced my dedicated Home Page which is Google Actualities. I cannot find a way of removing the nuisance site/page but when I try to make Google Actualities my Home Page by dragging the Mozilla logo (normally to the left of your address in my browser window I find that it has been replced by......the padlock!).
    

    Would be really grateful if someone could shed some light on my preicament. Thanks in advance in there.

    Kind regards

    David

    the only thing that should be there is the path to the firefox.exe file (something like "C:\Program Files (x 86) \Mozilla")-remove anything else of this line.

    In addition, run a scan with the adwcleaner tool recommended above.

  • Open in a new tab when you drag the url in the address bar

    Hello
    When using Firefox on a Windows system, I can get a url (no hyperlink) open in a new tab by dragging the address bar while pressing the Alt key on the keyboard.
    Now I use Firefox (latest version) on a Linux system (Linux Mint 14, specifically), but I can't do the same thing. is there a solution of reproduc this behavior?

    Thanks in advance

    Dragging the URL/text next to a tab should open in a new tab. It does not?

    You should be drag text to the area shown on this screenshot.

  • New iMac has no Applications folder in the dock. Where to drag the Firefox icon for?

    A brand new iMac with the current OS X 10.8.2 has no Applications folder in the dock. When I try to download Firefox the last step shows to drag the Firefox icon in the Applications folder.
    What should I do because there is no such file?

    FYI, I had an old MacBook Pro has an Applications folder in the dock it was no problem
    Download and install Firefox.

    Hi rcarm, go to the Finder, then go to the Menu bar and then open the "Go" menu and select "go to folder...". ", and then type (or copy and paste from there) ~/Library/Application Support

    Thank you

  • Is there a another way to resize the browser to share window by dragging the corner?

    My Firefox window is slightly larger than the size of my desktop, so I put the hand on the corner down to resize the window horizontally. Y at - it a shortcut keyboard or another way to do this?

    • You can resize the window by dragging the cursor of the mouse on any part of the edge of the window, not just the lower corner.
    • Press Alt + space to display the window menu, press S to select the size option, use the arrow keys to resize the window and then Enter to confirm.
    • Click expand in the upper right of the window.
    • Click on the title bar and drag the window to the left, up, or the right edge of the desktop. For more information, see Aero snap.
    • Move the cursor to the upper edge or bottom of the window, until the cursor turns into a two-headed arrow, and then double-click the left button of the mouse.

Maybe you are looking for

  • X 200 horrible experience

    I just wanted to share my story being horrible Lenovo tech support: There was a progressive degradation of the LCD... of hundreds of blackheads started appearing on the screen. Laptop sent to the "DEPOSIT" for repair and he returned with a different

  • Program switching a page on the tab control

    Hello I use LV8.6 and I have a menu drop-down selector to choose what unit I want to test.  This allows the page that controls the unit and disables others.  What I want to do is when the unit is selected, the page is enabled (which I did) and the pa

  • Client DHCP does not not on my desk

    I can't connect to internet on my desktop computer, ethernet light shows like work, but send it and receive lights blinking. The DHCP client is not running on this computer appears - and also a problem with your modem broadband may prevent any connec

  • Product details!

    Im just trying to understand as im planning to build another computer. I upgraded to Vista64 bit to win7. My question is weather or not on my Vista 64-bit has been cancelled because of the upgrade so allow me to put it on another computer without hav

  • programs have disappeared from programs and features in Control Panel Windows 7

    recently, I checked to uninstall a program, and half of them have disappeared. just the latest programs where there I don't know what has happened to the rest, but I can run the programs very well it's just that some went the option of uninstalling p