Modal Skillbuilders of graphic link

I am at a loss on how to call the modal skillbuilders since a graphic link (click on the series). I am able to call a classic report residing in another page, but I can't understand how to do so that he could appear in a modal. I created some examples on apex.oracle.com.

http://Apex.Oracle.com/pls/Apex/f?p=32787
user: admin
PWD: demo

The table in the column 1 has the working link that opens a classic report in another page. The table in the column 2 is that I want to open in a modal.

No indication on how to proceed would be appreciated.

-Rob

Published by: user5745679 on July 17, 2012 10:33

Hi Rob,

I did the following:
1. set your security settings to allow iframes work. See below for more details:
http://www.danielmcghan.us/2011/08/new-browser-security-attributes-in-apex.html

2 reprogram your graph query so that the link has been defined in the context of the query, not declarative way. The column link now looks like the following:

'javascript: openModal("f?p=' || :APP_ID || ':2:' || :APP_SESSION || '::::P2_MONTH_HIDDEN:' || Month_Num || '"); void(0);'

This makes it so that when you click on a point, the openModal function is called and passed the correct href value. The void (0) prevents the browser to do something else.

3. I added the openModal function to the function and declaration of global variables in attributes to the page level. The function has been defined as follows:

function openModal(href) {
   $('#P1_HIDDEN_INPUT')
      .attr('data-href', href)
      .trigger('click');
}

Who comes to set custom attributes, data-href on an input element hidden in the value passed in the href parameter. He then fires the event click on the element (not common, but it works very well).

4. I've added P1_HIDDEN_INPUT to the page. In general, you will want to ensure that this point is not protected.

5. I've reconfigured the modal plug-in to listen to the event click on the hidden element and pull the src for the iframe in the data-href of the element attribute.

Seems to work very well. Let me know if you have any other questions.

Kind regards
Dan

Kind regards
Dan

blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/
Twitter: https://twitter.com/dmcghan

Tags: Database

Similar Questions

  • Treats each graphic link/button as an image of view rather than direct me to the target address.

    Don't know how to explain it-
    If I visit a Web site and click on a graphic link, he directs me to a new tab showing the graphical image, I just clicked, rather than the target site. She treats each graph (or button) link as I ask for "image".
    I tried to right click to "open the link in a new tab" - same result.

    Sorry I can't explain more clearly.

    you don't know.

    it was Qute 4 + + (custom mod)  1.14
    
  • How to superimpose a jQuery UI dialogue on a Page modal Skillbuilders

    I use the Page modal SkillBuilders in my Oracle APEX application, i.e.

    -Action Dynamics Plugin - SkillBuilders modal Page

    to present the user with a tabular presentation, where they can enter specific values via the selection lists.

    The problem I'm having my Page Modal SkillBuilders, I have a validation where I do want to make a call to the jQuery UI dialog, in order to present to the user a message. I have this by calling:

    $('#dialogbox').dialog('open');

    Unfortunately, it is not actually appears on the screen and I think it's something to do with the fact I'm trying to superimpose a modal dialog box on a modal modal page (skillbuilders plugin).

    Anyone have any ideas on how to fix this or perhaps I missed something.

    Thank you.

    Tony.

    Tony,

    This could be due to some problems with the plugin colorbox, but I tested successfully using this statement which will lower the z index of the modal, overlay screen then the dialog box can then be seen and focused.

    $('#colorbox,#cboxOverlay,#cboxWrapper').css (z-index', ' 1000');

    I tried with 4000 as mentioned in this post https://github.com/jackmoore/colorbox/issues/248 but it didn't work. 1000 seems to do the trick, but you can test it with other options.

    I made the calls in the parent page. This could also be a different problem for you.

    Also, in my tests, I had a bit of luck using the dialog appendTo option. For example:

    $('#cboxTitle').dialog({ appendTo: '#colorbox' });

    I hope these suggestions help. Please update this post with everything you find to help others.

    Greg

    [email protected]

  • Not able to open the modal Page by a link attribute of report

    Dear all,

    Not able to open the Page modal by an attribute of report link, kindly help me...

    I use skills builders modal plugin page...

    Thank you and best regards,

    Madonna

    Here's what you have to do.

    You set up your link column as follows:

    Text link: what you want

    Link attributes: onclick = "return false;" class = "open_modal".

    Target: Page in the present application

    : The page number to open in your modal window

    You configure your dynamic action like this:

    Event: click on

    Selection type: jQuery selector

    jQuery selector: .open_modal

    (Notice the period at the beginning!)

    Action: SkillBuilders Page modal [plugin] (2.0.0)

    Scope of the event: Dynamics

    And finally, in your real Action (SkillBuilders modal Page (2.0.0)), location of the URL must be defined as an attribute of the element triggering.

    And that's about all it takes.

    I hope this helps.

  • Help with modal Skillbuilders Page close button

    Hello

    I try to use Skillbuilders modal Page (which is an awesome plugin) to bring up a page apex to attach files. This part works fine. but when the user clicks Close button or icon X modal dialog that I want to return a value or change the text to a link on the parent window. I've read other discussions, but I'm not able to find a way to capture that close event and perform the dynamic action on the parent page before closing the window. Could someone through some light on this?

    Thanks in advance
    PG

    Create a dynamic action:

    Event: Manual close [SkillBuilders Page modal (2.0.0)]
    Selection type: DOM object
    DOM object: document
    Condition: - none -.
    Scope of the event: link

    With real action:

    Identification
    Action: Run the JavaScript Code
    Execution options
    Fire when the Page loads: not verified
    Code:

    if(this.data.modalPageCloseValue!=""){
    $(this.affectedElements[0]).val(this.data.modalPageCloseValue);
    };
    

    Items affected
    Selection type: item (s)
    Article (s): (select an item. My example js manages only 1 point).

    this.data.modalPageCloseValue is the returned value/object by providing the action close modal javascript/a value object.
    For example, to create a dynamic action on your modal page

    Event: Page load
    Condition: - none -.
    Scope of the event: link

    With real action:

    Identification
    Action: Run the JavaScript Code
    Execution options
    Fire when the Page loads: not verified
    Code:

    $(".modalclose_link").click(function(){
    parent.$(parent.document).apex_modal_page('close', "this here is a literal string that will be returned. You can provide a value or object here however.");
    });
    

    Items affected
    (none)

    Note here that '.modalclose_link' is a jquery selector, you will have to customize. However, it is just an example. You could take the actual function code and use it to tell a dynamic action of a button.

    If you want to see this 'work', you can modify the JavaScript "Manual Close" and change for it to have the alert back:

    if(this.data.modalPageCloseValue!=""){
    alert(this.data.modalPageCloseValue);
    };
    

    Hope that helps :)

  • e-mail displays no graphic links

    My incoming emails to view graphics, but now all graphics are links. How to reset incoming mail to download the image for the link?

    When you receive e-mail in HTML format (in other words, as a web page), the message will usually contain links to images hosted on a remote server. When you view these images, the sender of the message will know that you have read his message, when you read, who is your ISP, and about where you are. You can consider this as a violation of your privacy. If the message is spam, so your address has been confirmed as being valid and you have been confirmed as someone who opens the spam messages. Who will ensure that you get even more spam.

    If you don't care no above, select

    ▹ mail preferences... ▹ Looks a

    from the menu bar and tick the box marked

    Display remote images in HTML messages

    If you leave the box unchecked, you will always be able to view the images when you want by clicking on the button marked

    Load Images

    in the upper right corner of the message window.

  • modal skillbuilders - copy does not work?

    I use Skillbuilders Modal in an application.  Works as expected.

    I have a second request in the same workspace I copy the convocation and target pages.  Skillbuilders does not work in the second request.

    The button that triggers the modal page, open the page in modal, watch the "title of the dialog box", but the rest of the page is blank.  The URL etc is identical to the request page to work.

    any suggestions would be welcome

    Hello

    Look for the Application setting 'Integrate in executives' (Security tab in the Application settings) on the second request.

    For the modal works, you must select at least ' Allow from same origin.

    HTH,

    Moritz

  • Plugin change Modal Skillbuilders theme

    I can't find a way to change the theme of the modal window.

    I looked in the custom attributes of the plugin. There is a theme called,

    but you can't change anything.

    Someone knows how to do this?

    Gus

    Hi GusC,

    If I'm not wrong, from Apex 4.2, go for the shared components > parameters of components, and then select the plug-ins SkillBuilders Modal Page in order to change the theme.

    I hope this helps.

    Thank you

    Erick

  • Find frame anchor of broken graphic links

    I have a document that when opening wants a new link to an image that has been removed from the file. I looked on body pages, master pages, reference pages, all I can think to locate where the graphic that is looking for the file might be located. Can anyone offer additional places in the file to watch?

    Thank you

    If the file is not part of a book, make a, then:

    Add > list of > figures

    and you will know what it is on the page (if LOF catalogues missing imports, which it may not).

    You can also save as a MIF and get back in the MIF for the name of the object. You need to learn a little about the MIF to decipher where that maps in the document.

    Import references can hide in all kinds of places, including but not limited to:

    • the edge of the anchored frame (had 2 of those today)
    • hidden behind an opaque, something you can see
    • currently disabled conditional text
    • text sank out of sight on the offline page
    • in the flat view, but hidden by color views

    Worse: create a 1 x 1 pixel white object and give it the name of the rogue.

  • Reference table lable in a graphic link

    Hello

    I created a graphic bar with links on the columns to another page.

    Is it possible reference of the label in the chart in the link?

    SELECT ' f? p = 110: & P11_MONTH.:P & P11_MONTH2._SID: * CLICKED LABEL WE * :'|| : link APP_SESSION.
    SID label,
    (count (*) * 15/60) file_date
    OF data_summ
    where to_char (file_date, "YYYY") not as to_char (sysdate, 'YYYY')-1
    and the time between 0700 and 1845
    and to_char ((file_date), 'MM') = to_char ((sysdate), 'MM')

    I tried using & SID. but it does not work.

    Thank you

    Hello

    Try using:

    SELECT 'f?p=110:&P11_MONTH.:::::P&P11_MONTH2._SID:' || SID || ':' || :APP_SESSION link,
    ...
    

    Andy

  • Anychart graphic links on touchscreen device

    The two graphs on this page have defined links when you click on a piece of pie.

    https://Apex.Oracle.com/pls/Apex/f?p=32532:5

    The first fills the field using javascript

    SELECT 'javascript:$s("P5_ENAME","'||ename||'");' LINK,
           ENAME LABEL,
           SAL VALUE
    FROM   EMP
    ORDER  BY ENAME
    

    The second via a link to the apex page

    SELECT 'f?p='||:APP_ID||':5:'||:APP_SESSION||'::::P5_ENAME_COPY:'||ename LINK,
           ENAME LABEL,
           SAL VALUE
    FROM   EMP
    ORDER  BY ENAME
    

    Both work as expected on the desktop, but on a touch device (for example: iPad), click on the pie just displays ToolTip.

    This sounds like it might be the expected behavior, but I was wondering how it could be set so it will honor the link?

    Custom XML?

    Difficulties in finding people asking the same question.

    Hi Scott,.

    AnyChart confirmed that there is indeed a bug with the handling of events, depending on the mobile device in use.  I have connected the #22820793 bug to track this issue and we hope to receive an AnyChart fix for integration in our next release.  My apologies for any inconvenience this may cause you and your customers.

    Kind regards

    Hilary

  • Pass several variables in graphical link

    I am able to spend 1 value everywhere by clicking a link on a chart, but I would like to pass 2. Any ideas? Here's what I have so far...

    SELECT ' f? p ='|| : APP_ID | » :5:'|| : APP_SESSION |': P5_HOST_NAME :'|| link HD. HOST_NAME

    Try

    SELECT 'f?p='|| :APP_ID ||':5:'|| :APP_SESSION ||'::::P5_HOST_NAME,P5_OTHER_ITEM:'||hd.host_name link || ',' || hd.some_other_value 
    

    CITY

    Published by: city has on January 7, 2010 12:34

  • Modal link login page

    Hello

    I would like to open a modal (Skillbuilders) page via a link.

    That's why I created a button with a dynamic action that opens the modal page.

    This REGION button is hidden (not rendering).

    I have this code as regions source:

    {code}

    < a href = "" onclick = "void (0); "id ="P1250_POPUP"> text < /a >

    {code}

    P1250_POPUP is the name of the key in the region.

    When I click on the link 'Text' my modal page (black) is seen for a second, then quits (I see a washed out only black page.

    The dynamic works when I use the button (not so hidden).

    Does anyone know how to fix this?

    This is because the onclick does not overwrite the default action of anchorage, which is to follow the href attribute. It will therefore open the modal but always redirect the page. Do not use the attribute onclick and javascript:void (0); as a url.

    Text

  • Problem with Skillbuilders Modal Page after Pagination

    Apex 4.2

    Theme 21

    Firefox

    I installed the plugin page modal skillbuilders.

    I use it in a column of the report (html button).

    When you click the button, the modal opens, edit the data and save.

    Now the modal closes. All right.

    The problem is that if I page to the next page of the report, then click on the

    the modal button, nothing happens.

    If I press F5 and refresh the page, then the button works and the modal opens

    Any ideas appreciated

    Gus

    I have change the scope of the event on the DA who opens the modal and auto close the dynamics and now it seems to work

    Gus

  • Integrating the linked graphics

    Is there a quick way to change a graphic linked to a chart embedded in FrameMaker? Currently, using FrameMaker 10.

    Try the following script, which operates on the active document. Before proceeding, please note the following:

    -It is generally considered to be a regressive step to remove references to file system of imported graphics. In other words, conventional wisdom suggests that you do damage to your files. I recommend you backups.

    -J' just slapped this script using general knowledge of script. I do not have a habit to break references. If this thing don't unexpectedly, you're on your own.

    Russ

    
    var counter = 0;
    
    var graphic = app.ActiveDoc.FirstGraphicInDoc;
    
    while(graphic.ObjectValid())
    
    {
    
    if(graphic.constructor.name == "Inset" &&
    
    graphic.InsetFile != "")
    
    {
    
    graphic.GraphicIsSelected = true;
    
    graphic.InsetFile = "";
    
    graphic.GraphicIsSelected = false;
    
    counter++;
    
    }
    
    graphic = graphic.NextGraphicInDoc; 
    
    }
    
    alert("Script complete. " + counter + " graphic(s) converted.");
    

Maybe you are looking for

  • Transfer of calls to telephone numbers in different cells of 2 numbers online

    I have 2 numbers online and I want figures online transmitted calls to 2 different cell phone numbers when I am not connected to Skype. Is this possible?

  • string

    Hello I try to display the data that I'm french serial port. The device sends continuous data to the pc. So in DASYlab I connected a RS232 module to a graphic recorder module and then I configured the interface RS232. After that when I check the moni

  • HP 8600 printer: need to change the black only printing color printing HP 8600 printer

    Color print cartridges have ink and received prompt to print in black ink only that I wanted to do. Changed the color cartridges, but can't find a way to print in color. Thanks in advance.

  • WIFI and Bluetooth image appears on the screen

    A WIFI and BlueTooth image continues intermittently to appear on my screen. If I touch the WIFI switch on my PC, the image opens too. I don't know if it's an image of microsoft or something else caused by malicious software. I would like to get rid o

  • Pavilion g6 2230tx: need link to download graphics drivers

    I contacted the telephone support from hp that they can't help because I don't have my warranty now. My video driver is 2.5 years I want to updrade it sexrched in the official site got it too but don't click and download the driver. Phone support tol