Skillbuilders modal Page on IE8 with a theme of IE6 compatible Apex

Hello

We use 13 Theme for some time now - I am aware that this is not the best theme in the world to use, but with the number of pages app that we have now it will take much time to upgrade to a more recent topic.

Recently, we have implemented the Skillbuilders modal page with more than a little help from Dan McGhan and it looks amazing, using any theme of Apex, when using IE9, Chrome, Firefox etc. For some reason if you use IE8, we know the strange behavior.

The modal box is not displayed the close button and the right and bottom sides are concealed within a parent div It is a known problem with the jquery ui dialog box, but I was hoping that someone could have developed a work around to make it display correctly.

If you visit [http://apex.oracle.com/pls/apex/f?p=62488:2:0 url:] this example with IE8 and click on names, it does not display properly.

Can anyone help? We know the switching to a non - IE6 compatible themes we work, but I'd like to solve this problem without changing things in this regard.

Any help would be greatly appreciated.

Best regards, Pete

Pete,

The page for the home page templates and the modal page lack DTD to the browser is running in quirks mode. Try to add the HTML5 DTD as it is simple:


Note that this can result in other parts of the model of 'break '. These can be fixed, but depending on the severity, it can cost a lot of time to fix.

Kind regards
Dan

blog: http://DanielMcghan.us/
work: http://SkillBuilders.com/APEX/

Tags: Database

Similar Questions

  • Skillbuilders modal Page - Open End event

    Hello

    I use Skillbuilders Modal Page 2.0.0. Apex 4.2 plugin and I can't seem to get the end event open to work.
    I came across this thread Skillbuilder Modal Page - dynamic title , but the solution suggested that Tom did not help; nothing happens even if I put an alert on the open end.

    I will be grateful for any advice that you can send my way.

    It's ok, good you have fixed!

  • Skillbuilders modal page at the Apex 4.1 plugin issues

    Hello

    I applied the Skillbuilders modal page plugin in my application. Everything works fine except that when I close the popup - window is not getting updated my parent window.
    I put the dynamic action - Auto Close modal and you - update on the parent page report.

    Parameters:
    Event: Auto Close [Skill Builders modal Page]
    Selection type: DOM object
    DOM object: document
    No condition

    Any help much appreciated.

    Thank you
    JAS

    JAS,

    You're all set. I put the link of the event for you DA from the album Live to Bind. This is necessary because the living places of event on the document element bindings, but seems to only listen to events fired on his descendants.

    I also fixed a bug in the JS that displays the success message. He now calls empty() to avoid adding duplicate success messages.

    Kind regards
    Dan

    blog: http://DanielMcghan.us/
    work: http://SkillBuilders.com/APEX/

  • Skillbuilders modal page - message of success without close in Internet Explorer

    Hello

    I use Skillbuilders modal plugin on Apex 4.1 page.
    The plugin works fine in all browsers except in IE, where I am unable to close the success message by clicking on the 'x' in the upper right.
    I'll explain later.

    I have a report on, say, page 10, and I am to edit each line in a modal page (page 11). When saving the changes, closes the modal page and a success message appears on page 10. I see the message in Firefox and IE, however, I am unable to close it in Internet Explorer.

    When I inspect the success message using Firebug in Firefox, I see that I have:
    <div id="messages" style="display: block;">
    <div id="success-message" class="success">
    <img class="remove-message" onclick="$x_Remove('success-message');" alt="" style="float:right;" src="/i/delete.gif">
    Action processed.
    </div>
    </div>
    However, when I inspect the message of success in IE, I see:
    <div id="messages">
    </div>
    The success message is displayed on the page, but it does not appear in the source code of the page and clicking on the 'x' is not shut it down.


    I have tried with several themes, the problem persists.

    Does anyone have an idea what could be the problem here?
    Someone had a similar problem?

    Thank you!

    I've been watching, kind of empty that indeed the semicolon does not say. Didn't know who he was and then took the trouble to test it in the model more as he ate so much time already. Who should teach me...
    Anyway, I was puzzled, too. Apparently, this has to do with IE8 and jQuery, adding code to the document, whether .append or before. The element is just there and everything, but the onclick does nothing. Why it worked after editing it? Probably because that IE was able/willing to pick up the attribute.
    I've tinkered with it again and again, trying to find something, Googling, but couldn't really find a cause or difficulty. Put the anchor? Nope. OnClick reacting only to the second click? Nope. Just do an alert? Nope. Just nothing works at all. I just dropped. IE8 is a headache to try to 'fix' in his manners, you're worse off.

    Ultimately I fixed it another way. My model is different from yours, but the technique is the same.
    I removed the onclick attribute of the region of success message, about the two templates. If it doesn't work I'm not there (good riddance too). I changed the href attribute too by putting just "#", which is probably just me being pedantic. This is my result success message template:

    #SUCCESS_MESSAGE#

    To be able to close it, I added some javascript in the page header:

      
    

    This is much like a dynamic action with a scope "on-line". I didn't want the trouble of having to put an action dynamic on every page and is the reason why I made this way. It works fine in every browser too, then Bravo.

    Your solution works equally well on, that's all. I wouldn't call it a 'solution', because he did not initially anyway. I wouldn't look further and stick to what works best for you. :)

  • skillbuilders modal page: how to submit the page parent after closing modal window

    Hello.

    I use Apex 4.2.1 on mod_plsql and Oracle 11 g 3.

    I installed version 2.0 of plugin Skillbuilders Page modal.

    In may, app, page 7 presents a button.  When you click on it, page 6 is displayed as a modal popup.  Users can change this modal page form fields and then click on a "submit" button.  This, in turn, automatically closes the modal page.  Users seek then to page 'parent' (page 7).  It all works very well.

    My problem: Page 6 (modal page) contains a collection of Apex.  This collection is updated when users click the submit button.  It is this collection to be displayed with the data updated on the page "parent" (page 7).  And so, I need to automatically send page 7 when the modal page closes automatically after clicking submit on the modal page.

    I tried a dynamic action that performs an action of "submit page" whenever the user clicks on the button send in the modal page.  But because the plugin uses an iframe to display the modal page, the action of page submit real that happens in the iframe, not in the 'parent' page (page 7).  When the modal page closes automatically, users are left looking at the page of 'parent' (page 7) with the previous data (not updated).  I have to manually refresh the page (via the browser) to see the data updates to the collection.

    And then, does anyone know how to automatically return the page of 'parent' when the modal window closes automatically?

    Thank you.

    Elijah


    Your dynamic action automatic closing has not been set correctly. The action is not triggered on a specific item, but rather on the 'document '. Your selection should be 'Élément DOM' and the element must be "document".

    (Note that if you use several modal pages on one page, this action triggers for each of them. You can use the 'modal page id' in the creation of the page modal DAs must be able to stand out in outreach. You can find this in the documentation, too.)

  • Skillbuilders modal Page Plugin

    THE problem I have is that when I open page opens very well, I think that a record does well.

    But when the button is pressed, it must close the modal page and return to the page that I call the modal window.

    What it does, is that, in the same modal page I load the page I call the modal

    Anyone know what this problem is

    Apex 4.2

    Oracle 11g

    So you see the opening screen

    Subefotos.com - Comparte tus fotos rapidamente

    When I record, no closed, load the page that calls

    Subefotos.com - Comparte tus fotos rapidamente

    I think that the first step is to have the modal page redirecting to itself.

    So so that it has a 'success' Message

    Assuming that you are using a new theme and then set "Auto close" on the dynamic action of the plugin forsection#uSuccessMessage

    In this way the modal plugin will trigger the closing when a section of the uSuccessMessage id tag is present.

    Greg

    [email protected]

  • SkillBuilders modal Page does not work in Apex 4.2

    Hi all

    I'm trying to set up an example in apex.oracle.com of an application developed in Apex 4.1 and Page modal SkillBuilders plugin does not work.

    To view this situation, I have created a version simplified the application, with only two pages, apex.oracle.com.

    Workspace: EDIAZJORGE
    User name: TEST
    Password: test123
    Application: 66464 - Modal Page sample

    When the loading of the Page 3, dynamic Action is performed to open the Page 2 (interactive report) the page modally, but it does not work (the modal page does not open).

    Please note that this works at the Apex 4.1 and the property incorporated into frames in my application is set to allow.

    I appreciate all help.

    Thank you

    Erick

    Published by: ediazjorge on January 30, 2013 15:20

    Bump!

    Erick,

    This is due to a change being made in the context of dynamic Actions in 4.2. Workaround for now is to change your load event of the resource on the DOM window object.

    It's working now. In the next version of the plug-in, you will be able to return to the (ready) Page Load event.

    Kind regards
    Dan

    blog: http://DanielMcghan.us/
    work: http://SkillBuilders.com/APEX/

  • SkillBuilders modal Page not opening when click on change the link in a manual Tabulo

    Hello

    This thread is related to a recent thread I created (I'm using Apex 4.1.1.00.27, Oracle DB 10.2.0.5.0column link does not work on a manual tabular form .

    In summary, I have a collection that retrieves the information from the EMP table, a manual tabular presentation based on this collection, as well as a link in the DEPTNO field this branch to another page with a form based on the DEPT table.

    What I want to accomplish is to call the DEPT form in modal form of page which opened from my EMP Page.

    What I've done so far:
    1 DEPT Page uses the popup template and creates a branch to itself.
    2. the attribute of the link to the link column (DEPTNO): onclick = * "return false;" *
    3. I created a DA using jQuery Selector: * td [headers = 'LINK'] a *. Action: SkillBuilders Page modal plugin. Location of the URL: attribute of the triggering element. Name of the attribute: href. Scope of the event: live (dynamic Apex 4.2).
    4 changed the Security Application allow to stir in frames.

    My problem is that when I click on the DEPTNO column, if he opens not modal Page.

    I created an example on apex.oracle.com in case some of you want to look at the question:
    Workspace: EDIAZJORGE
    User name: test
    Password: test123
    Name of the application: sample application
    Number of App: 12231

    I appreciate all help.

    Thank you

    Erick

    Whether you use a wrong jQuery selector. There are no columns with headers "LINK." Obviously, you want the modal to open by clicking on the icon in the column 'DEPTNO', so all that is needed is to change the selector on

    td[headers="DEPTNO"] a
    

    You can always easily test your selectors when you use a tool like Firebug. Just launch the selector in the console, and it will show you any selected objects. In your case, the execution

    $('td[headers="LINK"] a')
    

    revealed nothing. Drop still 'one' did not. At that point, I was pretty sure that there are no columns with a header...

  • skillbuilders - modal Page hangs

    Oracle 11g XE
    Apex 4.2.2
    Chrome 27

    I just installed modal page the skillbuilders, but for some reason some it does not display the page. I followed all the instructions on the document, but the modal page just hangs there and nothing happens.

    Hi Maskebe,

    You forgot to activate 'Integrate in executives' in the settings of application security that is required in the latest versions of the apex. Otherwise, it never opens the correct modal window (check your browser console to see that an error occurs if forget you).

    I've changed that to "same origin"

    Also, I added the 'cancel event' in dynamic action, do not know if it works but normally you should add this action.

    Last change was to change the destination URL, change the application ID to & APP_ID. making it more flexible.

    Concerning

    Bottom

    p.s. Just saw that my reply crossed Tom's answer: the plugin documentation indicates that you need to add the cancel event so think you must add it again!

  • 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

  • Need help Skillbuilders modal page

    Hello

    I installed the plugin modal Skillbuilders page on my workspace. (APEX4.2)

    I did all the steps of the default:

    -report create interactive single with button
    -dynamic action

    When I click on "create" something appears, but it is not something that I want :)

    http://www.pictures.se/Bilder/NLY8l.jpg

    Does anyone know what is the problem? Perhaps the themes?

    Published by: garcol on April 4, 2013 12:15

    Check only under "Application Properties > Security > browser security > incorporate into executives ' is set to 'Allow' or ' Allow from even origin. By default, that this setting is set to 'Decline', not even allowing your pages in the application to display in iframes.

  • Skillbuilders modal Page (2.0.0) - iframe height limited to 150px?

    Hello

    I installed the Skillbuilders Page Modal v 2.0.0 this afternoon in our Apex 4.1.1 instance and have most of the features work as expected. I have the modal window to appear when a column of link is clicked in an interactive report.

    However, iframe node inherits a height of 150px from somewhere and I am struggling to see where it is.

    When the user clicks on the link change, the modal window appears and the dom looks like this:
    <div id="colorbox" class="" style="padding-bottom: 0px; padding-right: 0px; opacity: 1; cursor: auto; display: block; position: absolute; width: 400px; height: 500px; top: 0px; left: 752px; ">
      <div id="cboxWrapper" style="width: 400px; height: 500px; "><div>
      <div id="cboxTopLeft" style="float: left; "></div>
      <div id="cboxTopCenter" style="float: left; width: 400px; "></div>
      <div id="cboxTopRight" style="float: left; "></div>
    </div>
    <div style="clear: left; ">
      <div id="cboxMiddleLeft" style="float: left; height: 500px; "></div>
      <div id="cboxContent" style="float: left; width: 400px; height: 500px; ">
        <div id="cboxLoadedContent" style="overflow-x: hidden; overflow-y: hidden; width: 400px; height: 500px; ">
          <iframe frameborder="0" name="cbox1335796646985" src="f?p=139:35:1611420862962401::NO::P35_rowid:AAER2oAAuAAJIP%2BAAJ" scrolling="no" class="cboxIframe"></iframe>
        </div>
        <div id="cboxLoadingOverlay" style="float: left; display: none; "></div>
        <div id="cboxLoadingGraphic" style="float: left; display: none; "></div>
        <div id="cboxTitle" style="float: left; display: block; ">Edit Transaction</div>
        <div id="cboxCurrent" style="float: left; display: none; "></div>
        <div id="cboxNext" style="float: left; display: none; "></div>
        <div id="cboxPrevious" style="float: left; display: none; "></div>
        <div id="cboxSlideshow" style="float: left; display: none; "></div>
        <div id="cboxClose" style="float: left; ">close</div>
      </div>
      <div id="cboxMiddleRight" style="float: left; height: 500px; "></div>
    </div>
    <div style="clear: left; ">
      <div id="cboxBottomLeft" style="float: left; "></div>
      <div id="cboxBottomCenter" style="float: left; width: 400px; "></div>
      <div id="cboxBottomRight" style="float: left; "></div>
    </div>
    I've combed through the source and CSS/JS files to try to see where the height 150px is inherited from related unsuccessfully. What is strange, is that in my dynamic action, I Specifies the height to be 300px, and the original height in the configuration of the plugin also is 300px.

    No matter who with any suggestions would be appreciated - I hit a wall of bricks on it!

    EDIT: Example of application and a demo of problem to Demo App (user DEMO, password demo)

    Thanks in advance.

    Best regards, Pete

    Published by: Pete Mahon on April 30, 2012 16:17

    Pete,

    I see that the value of the prefix of file #PLUGIN_PREFIX #, which was good. However, you missed the theme setting to a value of 1 to 5, it has been customized.

    Please take a look now.

    Kind regards
    Dan

    blog: http://DanielMcghan.us/
    work: http://SkillBuilders.com/APEX/

  • Urgent! Skillbuilders modal page

    Hello

    It's urgent!

    Does anyone know how to properly call the following modal plugin link report column - just like what shows the demo? I was able to import the plugin in my application, but was not able to make it work properly. I created the dynamic action on the page in the following way:

    http://Apex.Oracle.com/pls/Apex/f?p=46685:MODAL_PAGE:0:

    Event: click on
    Selection type: jQuery Selector
    jQuery Selector: .flash-modal

    As part of the real Actions:
    Action: Skillbuilders Page modal [plugin] (2.0.0)
    Location of the URL: statically defined
    The static URL: f? p = & APP_ID.:1: & APP_SESSION.:1:
    Auto-close the selector element: div #success - message
    Height-to-width Mode dialog box: statics by pixels

    The link to report column is defined like this: (I replaced all < by (and > by) so that it would show the real link)

    Select
    ...
    , ' (a class = "flash-modal" href = "#") Open Page (/a)' end as OPEN_PAGE
    Of...


    Thank you.

    Andy

    Andy,

    Now that you have addressed the issue of security, simply address the issue of the theme:
    Set the prefix of file to #PLUGIN_PREFIX #.
    Set the theme to any theme from 1 to 5

    Kind regards
    Dan

    blog: http://DanielMcghan.us/
    work: http://SkillBuilders.com/APEX/

  • SkillBuilders modal Page... Help me please

    I am new to ORACLE APEX and I want to use a plugin in my little application, but I can't. The Plugin is SkillBuilders Page modal.

    If there is anyone who knows the Page using modal SkillBuilders please help me. I tried several times and in many ways, but always the same result.
    Page template was open, but still loading. Any given page. I want to like this;

    http://Apex.Oracle.com/pls/Apex/f?p=46685:MODAL_PAGE:0

    Thank you for all.

    Hello

    We had the same problem when you use APEX 4.1. There are a few new security improvements included who stopped the Popup display of a page.

    Here's how to fix it:

    Go for the shared components, then click "Security attributes" in the section 'security '.

    Then go down to a new section called "browser security".

    You must then change "Embed in Frames" to "same origin".

    This should then allow your popup of correct loading.

    hope this helps

    Thank you

    Paul

  • I have problems with skillbuilders plugin Page modal (2.0.0)

    Hello
    I'm a newbie on Apex. I'm creating an application with APEX 4.2.1 using the Skillbuilders modal page 2.0 plugin to create/change the form,.
    but after I presented information on page 2, I'm not able to go back to page 1 and also it is not the message
    'Action treated.'


    Could you tell me why does not or the control of my demo application on apex.oracle.com (http://apex.oracle.com/pls/apex/f?p=58394:1).
    The credentials are:
    workspace: draccanelli
    username: [email protected]
    PWD: draccanell1

    Application: DR - Modal
    ID: 58394

    Here are the steps I did:

    (a) install the plugin
    (b) change the security of...
    (c) create a TEST application (DR - Modal) following these steps:
    Theme used for the demo of the application: 25 theme
    Page1:
    (c.1) change some attributes of the button create
    Public static ID: create-btn
    Action: set by DA

    (c.2) create DA 'create': event: click
    selection type: jquery
    jQuery selector: #create_btn
    Action: skillbuilders modal Page (2.0.0)
    Location of the URL: statically defined
    public static URL: f? p = & APP_ID...
    Auto Close on element: div #success - message

    c.3) change certain attributes for the report 'report '.
    Link attributes: onclick = "return false;" class = "change link".

    c.4) create "Edit mode": event: click
    selection type: jquery
    jQuery selector: .editer-link
    Action: skillbuilders modal Page (2.0.0)
    Location of the URL: attribute of the triggering element
    public static URL: href
    Auto Close on element: div #success - message

    c.5) create DA 'modal Page auto close': event: Auto close (skillbuilders 2.0.0)
    Selection Type: DOM object
    DOM object: document
    Action: update
    Add another action:
    event: Auto Close (skillbuilders 2.0.0)
    Action: run JavaScript Code
    Code:
    $('#messages')
    . Hide()
    . Empty()
    . Append (this.) Data. $modalPageCloseObject)
    .slideDown ('slow');

    Page2:
    (d.1) change the model: Popup
    (d.2) branches of change on page 102


    Page 102 (Modal close)
    (e.1) create page with no element


    Thanks in advance...

    Davide

    No problem. Please check the response post as the right pair! :-)

Maybe you are looking for