Jquery selector question..

Hi all...
Please help me with this jquery question.
In the Interactive reports,I would like to hide the option
"Row"(filter) (radio button option) under the "Actions-->Filter"
This is the code i was using,but it is not working.
I am very new to jquery, please help me with the jquery syntax.
$(function(){
$("ul li:contains('Filter')").live('click',function(){
$("#APEXIR_FILTER_TYPE_1").hide();  -- i need to hide that ""complete option""
});APEX: 4.1
Database: 11g
Browser: IE7

Hi,
There us 2 options. Default is columns. Why you like show this if you hide Row option?
What I did test filter works ok when both options are hidden.
I did not test your jQuery selector, but problem is that region where radio buttons exists are append using Ajax call.
When your onclick event fires, element are not in HTML document, and that is main reason why your jQuery solution do not work
Regards,
Jari
http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0

Similar Messages

  • Dynamic action on checkbox using jQuery selectors

    Aim: Have a classic report with a checkbox for each record that fires a dynamic action. I'd like to source the relevant ID/value within Javascript (ultimately PL/SQL)
    Consider a classic report using the following query
    SELECT label
    ,apex_item.checkbox
      (p_idx   => 15 -- f42
      ,p_value => id
      ,p_attributes => 'id="f15_'||id||'" class="xyz"'
      ) chk
    FROM   my_tableDefine a dynamic action with
    Event: Click
    Selection type: jQuery selector
    jQuery selector: .xyz
    No condition
    Scope:Bind
    I have an action executing javascript
    var me = this.triggeringElement;
    console.log('me:'||me);
    console.log('name:'||me.attr('name') );
    console.log('id:'||me.attr('id') );
    console.log('value:'||me.prop('val'));Affected elements Selection type: Triggering element
    When I run the page and check a box, the DA fires, but all output shown in the console log is blank.
    I've tried copious variations to get this right, such as using $(this.triggeringElement)
    These pages make me feel confident I have the syntax right
    http://stackoverflow.com/questions/12038392/oracle-apex-checkbox-to-manipulate-other-values-when-checked-unchecked
    http://iadviseblog.wordpress.com/2011/08/24/get-triggering-element-in-da/
    But my values are still null?! Anyone know what I've missed?
    Apex 4.1.1
    Scott

    var me = this.triggeringElement;
    console.log('me:'||me);
    console.log('name:'||me.attr('name') );
    console.log('id:'||me.attr('id') );
    console.log('value:'||me.prop('val'));<ul>
    <li>Concatenation in javascript is with +* and not *||* (which means OR)</li>
    <li>Also, this.triggeringElement is a reference to the DOM element, it is not a jQuery object. So wrapping it in $() is required when you wish to access properties through jQuery.</li>
    <li>.prop('val') won't work. You need to check for the existence of a property-line attribute, which in case of a checkbox could be "checked".</li>
    <li>dynamic action on a report: use scope Live to prevent functionality from working when the report is refreshed/paginated</li>
    </ul>
    var me = $(this.triggeringElement);
    console.log('me:'+me);
    console.log('name:'+me.attr('name') );
    console.log('id:'+me.attr('id') );
    console.log('value:'+me.prop('checked'));

  • Dymanic action with jQuery selector not working in version 4.2.2

    Hi,
    We’re in the process upgrading to APEX version 4.2.2. We have an issue is with a report with a link that’s firing a dynamic action with a jQuery selector.
    The first sequence in the dynamic action is Confirm. When we click the link in the report it’s supposed to popup a confirm “Are you sure you want to save?"
    When we click the link nothing happens. This works in our current version 4.0.1, but not in 4.2.2. Do you have any ideas?
    Thanks,
    Joe

    change the
    in the url to
    javascript:void(0);
    The reason for your issue is that the default action of the anchor tag is not prevented and thus navigation occurs. A confirm action will return true or false, and execution of further true actions will stop when selecting cancel but this will still not prevent the default action from occuring. Similarly a cancel event true action is not adequete as this has to be run after the confirm so not accounting for the execution-stopping cancel of the confirm.
    That javascript in the url is some good ol' "hack". It'll run that javascript instead of performing a navigation and void(0) just does nothing, and the click dynamic action will be unaffected.

  • Bug? chained jQuery Selector in Dynamic Action doesn't work

    Just found out, that this jQuery Selector jQuery("#ABOTYPE_REPORT").find("#f01_0001") doesn't work as triggering Element of type "jQuery Selector" in a Dynamic Action.
    But this one jQuery("#ABOTYPE_REPORT").find("#f01_0001")[0] worked with type "DOM Element" as triggering Element in a Dynamic Action.
    To my knowledge even the first one is a real and valid jQuery Selector and should work.
    brgds,
    Peter
    Blog: http://www.oracle-and-apex.com
    ApexLib: http://apexlib.oracleapex.info
    BuilderPlugin: http://builderplugin.oracleapex.info
    Work: http://www.click-click.at

    Hi Patrick,
    It would be really nice if you could support a less strict definition of the jQuery Selector (as i understand DOM Object and jQuery Selector to be the advanced and more powerful options).
    In my example i could directly use #f01_0001 if my page wouldn't have more than one TabForm on it (and therefore multiple elements with id f01_0001) ;-)
    brgds,
    Peter
    Blog: http://www.oracle-and-apex.com
    ApexLib: http://apexlib.oracleapex.info
    BuilderPlugin: http://builderplugin.oracleapex.info
    Work: http://www.click-click.at

  • JQuery/Thickbox Question

    Hi,
    I am new to JQuery and am trying to use the thickbox to 'house' the login page, but am having problems closing a modal thickbox through code.
    Sequence is :
    App starts and loads page 1.
    User clicks Login and thick box is opened in page1 showing page2 inside it
    User enter correct details and clicks Login button.
    User is validated and then the main menu loaded, but it is loaded in the thickbox, I want it to close the thickbox and then go to the main menu page.
    Any help greatly appriciated
    Chris

    Hi,
    There us 2 options. Default is columns. Why you like show this if you hide Row option?
    What I did test filter works ok when both options are hidden.
    I did not test your jQuery selector, but problem is that region where radio buttons exists are append using Ajax call.
    When your onclick event fires, element are not in HTML document, and that is main reason why your jQuery solution do not work
    Regards,
    Jari
    http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0

  • Jquery Selector in Apex 4.1

    Hi everybody,
    I've just upgraded to apex 4.1 from 4.0.1 and my dynamic actions selecting jquery class selector type (.my_class) now just selects the first element of that class instead of all the elements of class, my_class.
    It was working smoothly in 4.0. Do you have any idea how to resolve this?
    I've already tried instructions in documentation section "About jQuery and jQuery UI Support" http://download.oracle.com/docs/cd/E23903_01/doc/doc.41/e21674/app_comp001.htm#BABHCBJI
    reverted my page back to include jQuery 1.4.2 but did no help.
    PS: I use Firefox 3.6.
    The most important Info that I forgot to include*: The selection fails in set value action's affected element selector. When selector seems ok.
    Edited by: oeren on Oct 4, 2011 12:29 AM

    4.1 Release Notes wrote:
    4.13 Dynamic Action Set Value with Multiple Affected Elements
    With the introduction of some built-in options to retrieve multiple values, Application Express no longer supports the ability to retrieve 1 value that could then be used to set multiple page items. This was done for simplicity and usability. If you had defined a 'Set >Value' dynamic action that set multiple Affected Elements to the same value, here is how you can fix this, according to the 'Set Value' dynamic action's 'Set Type':
    *Static Assignment - Define additional 'Actions' for each Affected Element, setting them all to the same value.
    ....Is this the reason?? Should I have to define set values for every single item?

  • Simple selector question

    Don't know why I can't figure this out, but In my html page I have the following simple text which are directions to an office:
    <div id="maincontent">
       <p>FROM THE
            LONG ISLAND EXPRESSWAY: Get off at exit 37, Willis Ave. Then follow the directions below
        from the <font color="#FF3300">*</font>.<br />
            <br />
            FROM THE
            NORTHERN STATE: Going eastward, get off at exit 28S, Willis Ave. If going
            westward, get off at exit 28, Willis Ave. Then follow the directions below
        from the <font color="#FF3300">*</font>.<br />
        <br />
            <font color="#FF0000">*</font> Turn
            South onto Willis Ave. for approximately 3 miles. Cross over Jericho Tpk (Rt.
            etc. etc. etc. etc.
      </p>
    </div>
    #maincontent p       is defined in an external css file and has the property text-align:center   and I did it this way since I use this in other pages on the site.  However, on this particular page, I would like this p text to be left aligned.  If I'm in the CSS portion of the property inspector, and select the text of the paragraph and then click on the left alignment icon in the property inspector, a box opens up where it asks me to define a new compund rule and asks me to name it, and gives me the starting point of      #maincontent p
    My question is what should I type in this box as the name (which I'll use only in this page so I'll check that checkbox) so that I can then continue on and choose left aligned from the choices that follow.  Thanks.

    Here is the code for the page (line 72 is the line you had me put in and I've bolded it for you), and the css you told me was put at the very end of the external css file. 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/allpages.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection"
    content = "telephone=no"/>
    <meta name="keywords"
        content="Autism, ADHD, ADD, Learning Disabilities, Dorie Hankin, Pediatric Development" />
    <meta name="description"
        content="Child Development Associates" />  
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Contact Us</title>
    <!-- InstanceEndEditable -->
    <link href="untitled.css" rel="stylesheet" type="text/css" />
    <!-- InstanceBeginEditable name="head" -->
    <style type="text/css">
    <!--
    .style7 {
              font-size: 1.3em;
              line-height: 110%;
    #maincontent p a:hover {
              color: red;
    -->
    </style>
    <!-- InstanceEndEditable -->
    </head>
    <body>
      <h1>CHILD DEVELOPMENT ASSOCIATES  </h1>
    <div class="table">
    <ul id="navbar">
    <li><a href="index.html">HOME</a></li>
    <li><a href="aboutdrhankin.html">ABOUT DR. HANKIN</a></li>
    <li><a href="autism.html">AUTISM</a></li>
    <li><a href="adhd.html">ADHD</a></li>
    <li><a href="ld.html">LEARNING DISABILITIES</a></li>
    <li><a href="faqs.html">FAQs</a></li>
    <li><a href="resources.html">RESOURCES</a></li>
    <li><a href="contactus.html">CONTACT US</a></li>
    </ul>
    </div>
    <!-- InstanceBeginEditable name="EditRegion3" -->
    <div id="maincontent">
       <p><br />
         <span class="style7">173 MINEOLA BLVD., SUITE 301<br />
          MINEOLA, NY 11501<br />
         (516) 739-1936
              <br />
              FAX (516) 747-1857<br />
         </span><br />
       <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=173+Mineola+Boulevard,+Mineola ,+NY&aq=2&oq=173+min&sll=42.746632,-75.770041&sspn=7.373306,16.907959&ie=UTF8&hq=&hnear=17 3+Mineola+Blvd,+Mineola,+Nassau,+New+York+11501&t=m&z=14&ll=40.743982,-73.641607&output=em bed"></iframe><br />  
       </p><p align="center">  
       </p><p align="center"><small><a href="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=173+Mineola+Boulevard,+Mineo la,+NY&aq=2&oq=173+min&sll=42.746632,-75.770041&sspn=7.373306,16.907959&ie=UTF8&hq=&hnear= 173+Mineola+Blvd,+Mineola,+Nassau,+New+York+11501&t=m&z=14&ll=40.743982,-73.641607";>View Larger Map</a></small>
         <br />
         <br />
       </p>
        <p class="align-left">FROM THE
            LONG ISLAND EXPRESSWAY: Get off at exit 37, Willis Ave. Then follow the directions below
        from the <font color="#FF3300">*</font>.<br />
            <br />
            FROM THE
            NORTHERN STATE: Going eastward, get off at exit 28S, Willis Ave. If going
            westward, get off at exit 28, Willis Ave. Then follow the directions below
        from the <font color="#FF3300">*</font>.<br />
        <br />
            <font color="#FF0000">*</font> Turn
            South onto Willis Ave. for approximately 3 miles. Cross over Jericho Tpk (Rt.
            25) and continue  to Garfield Ave. (there is a church with a prominent steeple at this corner). Turn right onto Garfield Ave. and go one block to Mineola Boulevard. The building is diagonally in front of you across  Mineola Blvd. Wait for the traffic light, drive across Mineola Blvd, and make an
        immediate left into the building's parking lot. Enter the building from the lot. <br />
        <br />
        FROM THE
            MEADOWBROOK : Get off at Old Country Rd. going towards Mineola. Travel along
            Old Country Rd. to Mineola Blvd. on the right (on the left will be Franklin
            Ave). Make a right onto Mineola Blvd. and continue until Garfield Ave. Make
            a left onto Garfield and then an immediate left into the parking lot of our
        building.<br />
        <br />
       If the
          lot is full, there is metered and alternate side parking on the streets. The
          are also multiple municipal lots off Mineola Blvd. within 2-3 blocks south
    of the office at 1st and 2nd Aves. </p>
    </div>
    <!-- InstanceEndEditable -->
    </body>
    <!-- InstanceEnd --></html>

  • Tag selector question

    hello dreamwevaers
    i have made a tag selector and have made a new ccs rule to affect the h1,on the page i made the css rule the header and colour and various styles i apply to it.
    on the other pages when i apply the h1 property,they dont inherit the colour or styles,but only the font size.
    this is an example of 2 pages i have 1st page is the about.html
    the second one is index.html
    just an example to make things more clear

    You really need to post a link to the pages or the code info from each page but looking at your images I would guess that you have only put your CSS rules in the header of the first page rather than as a separate style sheet attachment.
    Solution is therefore to copy the relevants rules into the header of the second page or create a style sheet and attach it to both pages.
    Ian

  • JQuery/Java Question

    Hi,
    I'm putting together a site for which I've taken a "pre-packaged" set of scripts to control the nav menu (taken from this site: http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm)
    However, when I run IE8 developer tool and debug, I get the following error: 'parent().get(...)' is null or not an object
    I don't know Java and have no clue what this means.  Is it a simple fix?  One I could do on my own?  Or should I start looking for a different script to use?

    This question is related to Javascript, not Java.
    There's a world of difference between Java and Javascript.
    Java is a programming language. Javascript is a widely used scripting language used on websites. The word "Java" is sometimes misleadingly used as shorthand for Javascript.
    Got a link to your site so we can take a closer look?

  • Jquery CSS question..

    Hi all..
    Please help me with this issue.
    I am trying to place a button on ""top right corner"" of my page.
    I am able to place it in the right position with CSS.
    But somehow after the button got moved it looks ""ugly"".
    Not sure what got changed
    Please check the following page.
    http://apex.oracle.com/pls/apex/f?p=52018:2
    I am using the following CSS for that
    #SUBMIT_BUTTON {
      position:absolute;
      right:100px;
      top:20px;
    }I also tried with jquery too. It does the same
    $("#SUBMIT_BUTTON").css({"position":"absolute","right":"100px","top":"20px"});
    Thanks

    Hi jari...
    Somehow my ""Region Position#8"" got messed up.
    we did some changes to our page template depends on the requirement.
    The following is our changed templated(minor changes). There is a substitution string
    ""#REGION_POSITION_08#"". But my button is not showing up.
    Is there anything that we messed up in changing the template?
    But as you said, i tried "region position#8" in a test application , and the button looks good.
    There is something wrong in our modified template
    Please let me know if i am missing something..
    Modified Template
    <div id="header">
        #REGION_POSITION_07#
      <div id="navbar">
        #NAVIGATION_BAR#
       <div class="app-user1">Database Name: &DB_NAME. |</div>
        <div id="logged" class="app-user1">Logged In User: &APP_USER. |</div>
        <!--<div class="app-user">#WELCOME_USER#</div>-->
        #REGION_POSITION_08#
      </div>
    </div>
    <div>
    <br>
    </div>
    <div id="app-logo"><a href="#HOME_LINK#">#LOGO##REGION_POSITION_06#</a></div>
    <div id="tabs">
      <div class="frame">
        <div class="bg">
          <div class="tab-holder">
            #TAB_CELLS#
          </div>
        </div>
      </div>
    </div>
    <div id="topbar">#REGION_POSITION_01##REGION_POSITION_04#</div>
    <div id="messages">#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#</div>
    <div id="body">
      <table class="tbl-body" cellspacing="0" cellpadding="0" border="0" summary="">
        <tbody>
          <tr>
            <td class="tbl-main" width="100%">#REGION_POSITION_02##BOX_BODY#</td>
            <td class="tbl-sidebar">#REGION_POSITION_03#</td>    
          </tr>
        </tbody>
      </table>
    </div>

  • JQuery Facebox Question

    Does anyone else here use the jQuery package Facebox? (http://famspam.com/facebox)
    I'm using the AJAX option so that I can load a remote page inside the popup. Mostly it works great; however, I notice that when I click a link inside the remote page which has been loaded inside the popup, the popup closes and the main page behind it moves to that link href. Instead, I'd like for the popup to stay up and change to the new page. Anyone have any ideas?

    I think you'll have to somehow make the remote page load inside an iframe for this to work, rather than loading directly into the facebox div. Not sure if this is a feature you can make use of or whether you will have to modify the JS code, but it should solve your problem
    Edit: Something like
    jQuery.facebox('<iframe src="url"></iframe>')
    would work, or maybe you can modify the way it modifies the <a> links to insert iframes
    Last edited by HashBox (2009-12-17 04:31:34)

  • Generic jQuery selector

    Hi,
    Does anyone know how to make a generic function so that the #your_dialog can be any ID passed from a wrapper function? For example, I can pass the DIV with ID=MODALDIALOG_INDEX in a call to the following function. Then, I can simply write the following function once and use it for different pages many times. I want to make the #your_dialog dynamic instead of hardcoded.
    Thanks.
    Andy
    <pre>
    $(document).ready(function(){
    $("#your_dialog").dialog({
    autoOpen: false,
    bgiframe: true,
    resizable: false,
    modal: true,
    buttons: {
    'Cancel': function() {
    null; //your work
    'Ok': function() {              
    null; //your work
    </pre>

    <script>
      function  open_dialog(RegionJquerySelector) {
          $(RegionJquerySelector).dialog({
             autoOpen: false,
             bgiframe: true,
             resizable: false,
             modal: true,
             buttons: {
                'Cancel': function() {
                   null; //your work
                'Ok': function() {              
                   null; //your work
    </script>Add the code to page header
    Then in execute when page loads section ( otherwise wraps in in the $.ready() code block)
    open_dialog('#yourRegionID');If you want to reuse this, add the function definition as an external JS file(remove the script tags for a file). Load it in your page(s) and use the open_dialog function with the region se;lector.

  • Class Selector Question

    Hello,
    Is there a way in Dreamweaver to apply a class to an item like this for example:
    .paragraphstyle.orange
    The class in code view would look like:
    <class="paragraphstyle orange">
    The only way I can find to apply a class like this, is to manually add it to the code in code view which will work, but is tedious.  It is not recognized in the class drop down in the properties pane and will not appear there after I create it as a new style.  Is there a quicker way to apply this.
    Thank you!

    In DW CS6, the option for Applying Multiple Classes is near the bottom of your Class List. See screenshot.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • JQuery Selector

    Hi guys,
    I work on apex 4.1.1. Theme : 21 . Template: Navigation region. Latest version of Google Chrome.
    I am trying to trigger Skillbuilder Modal page by clicking on a list entry.
    in the URL of that entry i Put:
    Javascript: retrun false;This list entry contains this text Create Reminder and is the first li on a list region by the ID of tasks
    I tried the following:
    $("li:contains('Create Reminder')")
    $("#tasks > li")
    $("#tasks li:first")But none of which triggered the plugin..
    Regards,
    Fateh

    Hi,
    You should not write to Region Attributes
    id="tasks"You should use Static ID and place there
    tasksYou should not place list URL target
    javascript: return false;You place there
    javascript:void(0);or
    #I propose you read about these topics from documentation
    http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21674/toc.htm
    And you take Firefox browser and Firebug addon. With Firebug you see e.g. JavaScript errors and when you explore HTML you could see that you was missing dom with id tasks.
    Regards,
    Jari
    My Blog: http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0
    Twitter: http://www.twitter.com/jariolai

  • Jquery menu plugin  integrated in Tab's (using a custom theme )

    Hi,
    I'm trying to use the jquery menu plugin and use it combined with tab's. I would like to get the effect which is also in the APEX IDE ( TAB's with submenu's expanding below the TAB ).
    So far I have my tab's and also my menu's which are show as a button on the page which expand when you click on them. But I would like to have the menu attached to the tab.
    I found somewhere (http://www.theapexfreelancer.com/apex/f?p=APEXFREELANCER:JQUERY_MENU_PLUGIN:0) that I should name the TAB and the LIST's on which the menu's are build exactly the same to achieve this, but so far no luck.
    Does anyone know of a cookbook describing how to achieve this or has any ideas what to check ?
    Regards,
    Bas
    b.t.w. Have a great 2012!

    The steps can be detailed as follows (I will make it specific to my theme -Application Builder- and you can replace what you want)
    0) a) My Page template name is WithNicolettePlugin.
    b) Put the Nicolette (Thanks alot for him) plugin on #REGION_POSITION_08# in Page Zero (Global page)
    c) the settings of the plugin as follows:
    - Template : WithNicolettePlugin
    - Before HTML : <ul class="dhtmlMenuLG2"> - After HTML : </ul> - jQuery selector submenu : .dhtmlSubMenu2
    - Tab set : main
    - Include single subtab : yes
    - Class first parent : ui-corner-left
    - Class last parent : ui-corner-right
    - File Prefix : #IMAGE_PREFIX#
    the others are empty     
    1) link the following CSS's into the Header section of the Page Template of (Bluejay-22)
    <link rel="stylesheet" href="/i/css/apex_builder.min.css?v=4.2.0.00.27" type="text/css" />
    <link rel="stylesheet" href="/i/css/apex_ui.min.css?v=4.2.0.00.27" type="text/css" />
    <link rel="stylesheet" href="/i/css/apex_ui_builder_home.css" type="text/css" />2) link the following Scripts into the Header section of the Page Template
    <script type="text/javascript">
    var apex_img_dir = "/i/", htmldb_Img_Dir = apex_img_dir;
    </script>
    <script src="/i/libraries/apex/minified/desktop_all.min.js?v=4.2.0.00.27" type="text/javascript"></script>
    <script src="/i/libraries/apex/minified/legacy.min.js?v=4.2.0.00.27" type="text/javascript"></script>
    <style> html {visibility:hidden;} </style>
    <script type="text/javascript">
    apex.security.framebreaker("D");
    </script>
    <script src="/i/libraries/apex/minified/widget.textarea.min.js?v=4.2.0.00.27" type="text/javascript"></script>
    <script src="/i/libraries/apex/minified/builder.min.js?v=4.2.0.00.27" type="text/javascript"></script>3) Re-write the Body section to be as the following
    <div id="page-header">
      .... LOGO AND WELCOME HERE ...... 
       <div class="apex-top-bar-end">
           <div class="apex-top-bar">
                <div id="tabs" class="dhtmlMenuLG">
                  #REGION_POSITION_08#   <!-- Put the plugin at your page zero in REGION 8 -->
                </div>
           </div>
       </div>  
    </div>
    <div id="topbar">#REGION_POSITION_01##REGION_POSITION_04#</div>
    <div id="messages">#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#</div>
    <div id="body">
        <table class="tbl-body" cellspacing="0" cellpadding="0" border="0" summary="">
        <tbody>
          <tr>
            <td class="tbl-main" width="100%">#REGION_POSITION_02##BOX_BODY#</td>
            <td class="tbl-sidebar">#REGION_POSITION_03#</td>    
          </tr>
        </tbody>
        </table>
    </div>4- Update the section of Standard Tab Attributes to have Current Tab as the following *(PLEASE, REMOVE THE MINUS BEFORE onmouseover)*
    <li class="dhtmlSubMenuN" -onmouseover = "dhtml_CloseAllSubMenusL(this)" >
      <a href="#TAB_LINK#" class="dhtmlSubMenuN"
         title="#TAB_LABEL#">
         "#TAB_LABEL#
      </a>
    </li>
    {code}
    and Non Current Standard Tab as the following
    {code}
    <li class="dhtmlSubMenuN" -onmouseover = "dhtml_CloseAllSubMenusL(this)" >
      <a href="#TAB_LINK#" class="dhtmlSubMenuN"
          title="#TAB_LABEL#">
          "#TAB_LABEL#
      </a>
    </li>5- Update the section of Parent Tab Attributes to have Current Parent Tab as the following
    <div id="#TAB_ID#" class="current">
        <a href="#TAB_LINK#" title="#TAB_LABEL#" class="link_text">#TAB_LABEL#</a>
        <a href="#" class="link_icon">
          <img src="/i/apex/builder/down_dark_12x12.gif" width="12" height="12" 
               class="dhtmlMenu" alt="#TAB_LABEL# Drill Down"/>
       </a>
       <ul id="#TAB_NAME#" htmldb:listlevel="1" class="aTabs dhtmlSubMenu pulldown-tabs" style="display:none;">
           #TABS#
           <li class="last" dir="RTL"><span></span></li>
        </ul>
    </div>and Non Current Parent Tab as the following
    <div id="#TAB_ID#" class="non-current">
        <a href="#TAB_LINK#" title="#TAB_LABEL#" class="link_text">#TAB_LABEL#</a>
        <a href="#" class="link_icon">
          <img src="/i/apex/builder/down_dark_12x12.gif" width="12" height="12" 
               class="dhtmlMenu" alt="#TAB_LABEL# Drill Down"/>
       </a>
       <ul id="#TAB_NAME#" htmldb:listlevel="1" class="aTabs dhtmlSubMenu pulldown-tabs" style="display:none;">
           #TABS#
           <li class="last" dir="RTL"><span></span></li>
        </ul>
    </div>6- You will find a sample here in
    Workspace : ralab
    User : nicolette
    Password : abc123
    Application 33791 - TestDropDownAppBuilderTabs
    If the post completes your solution mark it as correct and the question as answered, otherwise, mark it as helpful.
    Best Regards
    Mahmoud

Maybe you are looking for

  • How to scroll to a specific node in the webdynpro tree

    Hi all, I'm developing an application where I need to load and expand a tree upon some action in another view. Loading the children, expanding nodes and setting a new lead selection (with cl_wd_dynamic_tool=>set_tree_lead_selection) all works fine. B

  • How can I force focus from flash to another plugin app in FireFox such as with the e.focus() Java Script command in Internet Explorer

    Can you force focus from a Flash app to another plugin such as Unity3d using a JS command similar to e.focus() which works in Internet explorer. The following code works in IE, but not FireFox? Any solution would be helpful. Is it even possible? func

  • Database Error while running the query.

    Hi, While running the query in webi rich client i am having a "database error IES 10901 and WIS 10901" , it is showing that the data source name not found and default driver is not specified. I am trying to generate report from efashion universe whic

  • ADF Table with CheckBox - Select/deselect issue

    I have seen couple of threads and blogs for ADF table with check box . but none of them exactly matching with my requirement . My Database table does not have any field for check box . Here is my DB Table tableA_ A_Id A_Name tableB* B_Id Requirements

  • MS OFFICE 2008

    I recently bought MS Office 2008 for my dell and now just bought the MB Pro. Are there other "substitutes" on Mac OSX that would take the place of Office? I think I can order the MAC version and install it on my MB Thanks