A collapsible region with the dynamic Action of the collapse

Hi all

in my Apex 5.0 - application, I have a button that shows a masked area when you press. I wish also that the current developed a collapsible area collapse when this button is pressed. Since collapse a collapsible region is not native as a dynamic action I must find a custom way (JavaScript) to do. Anyone know the best way to do this?

Kind regards

Arjan

Hi Sunil,

Thanks for your reply. I already found a solution, just a JavaScript code very simple:

document.getElementById("div1").classList.remove("is-expanded");

document.getElementById("div1").classList.add("is-collapsed");

Thanks anyway!

Best regards, Arjan

Tags: Database

Similar Questions

  • How to create the region with the region

    Hello

    Y at - it opportunities for the region created in another region in the apex oracle 4.2.2.

    If so, please advise how can I achieve this.

    Thank you and best regards,

    Ibrahim Sayyed.

    SAYYED says:

    Y at - it opportunities for the region created in another region in the apex oracle 4.2.2.

    Do you this by specifying a parent region during the creation of a region: on the creation of subregions

  • Problems with the collapse of Bootstrap Navbar

    I tried to set up a navigation Bootstrap justified and do reduce the navigation bar with the menu icon 3 lines without a bit of luck. I looked at the default start navigation bar, pulled out the 'search', 'Registration' and 'Login', given that I don't need those and tried to place the structure to collapse in my menu and probably put something in the wrong place (instructions not exactly everything very detailed on their Assembly of their menu on the website "bootstrap") and when the screen is reduced to 767px the menu disappears completely. Any help would be appreciated. Also, is there a good book that goes in depth with examples on the use of bootstrap, instead of just quickly spraying it on everything as if we already know how to use the framework? Thank you, John

    HTML:

    <! - start trial navigation - >

    < nav >

    < div class = "container-fluid" >

    < div class = "bar navigation-header" >

    < button type = "button" class = 'bar of navigation-toggle' toggle data = 'collapse' data-target = "#myNavbar" >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < / button >

    < / div >

    < div class = "navbar-collapse collapse" id = "myNavbar" >

    < ul class = "nav justified to nav" >

    < class li = "active" > < a href = "#" > about us < /a > < /li >

    < li > < a href = "#" > < /a > < /li > team members

    < li > < a href = "#" > Subscriber packages < /a > < /li >

    < li > < a href = "#" > insurers < /a > < /li >

    < li > < a href = "#" > Photos < /a > < /li >

    < li > < a href = "#" > contact us < /a > < /li >

    < /ul >

    < / div >

    < / div >

    < / nav >

    <! - end test navigation - >

    CSS:

    @charset "UTF-8";

    / * Customize links nav-justified to be fill the entire space of the .navbar * /.

    {.nav-justified

    background-color: #cfaf86;

    border: .071428em #ccc solid;

    border-radius: .357142em;

    }

    . NAV-justified > li > a {}

    padding-top: 1.071428em;

    padding-bottom: 1.071428em;

    padding-left: .571428em;

    padding-right: .571428em;

    margin-bottom: 0;

    make-weight: bold;

    font size: .714285em;

    Color: #000;

    text-align: center;

    background-color: #cfaf86; / * Older browsers * /.

    }

    . NAV-justified > .the > a.

    . NAV-justified > .the > a: hover,

    . NAV-justified > .the > a: focus {}

    background-color: #e6cca1;

    background-image: none;

    -webkit-box-shadow: 0 .5em .214285em insert rgba (0,0,0,.15);

    box-shadow: 0 .5em .214285em insert rgba (0,0,0,.15);

    }

    justified to .nav > li: first - child > a {}

    border-radius: .357142em .357142em 0 0;

    }

    justified to .nav > li: last - child > a {}

    border-bottom: 0;

    border-radius: 0 0 .357142em .357142em;

    }

    This is a known bug in Dreamweaver CC 2015.2. You must add both classes manually in Code view, or by selecting the element of

  • How to move grid in a region with the selection list, dates selector and buttons?

    Hello

    I'm on Apex 4.2.4 and using the theme 25.

    Most of the time the reactive model is great when you want to align things. But in this case, I want just the displayed items from left to right.

    I have the setting on the top bar and I want the elements all in one line.

    [Date Picker] [30 days] [60 days] [90 days] [Site selection list]

    The date picker is so that they can choose a specific date and the three buttons are there to make the date of the report to jump to sysdate + 30, 60 or 90. And the list of location selection, is that they can specify the type of report.

    I can't get them to single-line layout. I tried several different combination, including the specification of the column and the extent of column. And none of them does not seem to work.

    Apex login

    workspace: bulbcharts

    user: guestdev

    password: graphics

    ID of the App: 73911

    Page: 1

    TC-army wrote:

    Is there a way to disable just grate inside this one region? I just want to bring to the left of the battery (float). But the grid is not able to handle this.

    Could not drop.  Credit for going to this thread:

    https://community.Oracle.com/message/10914920#10914920

    Here's a demo which I believe meets your needs:

    https://Apex.Oracle.com/pls/OTN/f?p=61859:1

    Jeff

  • Dynamic action with multiple values of PL/SQL Expression as a condition

    Hel

    I am currently using Apex 4.0 for a schoolproject.

    I have two selectlists (P8_BUSINESSRULETYPE - which has al businessruletypes) and (P8_OPERATOR) that has a select statement based on the businessruletype.

    I want to hide the selectlist operator when P8_BUSINESSRULETYPE = 7,8,9 and 10 or P8_OPERATOR = 9

    When: change

    SelectionType article (s)

    Elements P8_BUSINESSRULETYPE

    condition: equal to 10

    Real actions: hide items p8_operator

    False actions: show p8_operator items

    ConditionType PL/SQL EXPRESSION

    : P8_BUSINESSRULETYPE = 10 OR: P8_BUSINESSRULETYPE = 8 OR: P8_BUSINESSRULETYPE = 7 OR: P8_BUSINESSRULETYPE = 9

    What is the problem with my dynamic action? Because he does not hide the operatorfield when businessruletype 10 or 9 are selected in the selectlist. Sessions has also said operator = 9 and Businessruletype = 10

    I hope you guys can help out me.

    Thank you very much.

    2843640 wrote:

    Please update your forum profile with a real handle instead of '2843640 '.

    I am currently using Apex 4.0 for a schoolproject.

    I have two selectlists (P8_BUSINESSRULETYPE - which has al businessruletypes) and (P8_OPERATOR) that has a select statement based on the businessruletype.

    I want to hide the selectlist operator when P8_BUSINESSRULETYPE = 7,8,9 and 10 or P8_OPERATOR = 9

    When: change

    SelectionType article (s)

    Elements P8_BUSINESSRULETYPE

    condition: equal to 10

    Real actions: hide items p8_operator

    False actions: show p8_operator items

    ConditionType PL/SQL EXPRESSION

    : P8_BUSINESSRULETYPE = 10 OR: P8_BUSINESSRULETYPE = 8 OR: P8_BUSINESSRULETYPE = 7 OR: P8_BUSINESSRULETYPE = 9

    What is the problem with my dynamic action? Because he does not hide the operatorfield when businessruletype 10 or 9 are selected in the selectlist. Sessions has also said operator = 9 and Businessruletype = 10

    The first thing is that a Condition that is applied to a control of dynamic action if the dynamic action is made the see page. She has therefore no impact on the question of whether the actions of true or false are performed. Control conditions which are those defined in the when the properties of the dynamic action. As they are evaluated in the browser, they must be specified as JavaScript.

    Secondly, this expression is not valid because it is a space between the colon and the identifiers. Link the names of rating, the colon and the variable element must be contiguous:

    :P8_BUSINESSRULETYPE = 10 OR :P8_BUSINESSRULETYPE = 8  OR :P8_BUSINESSRULETYPE = 7 OR :P8_BUSINESSRULETYPE = 9
    

    However the latter is only of academic interest, in this case you need to remove the condition of dynamic action.

    In the dynamic of change when action section, P8_BUSINESSRULETYPE, P8_OPERATOR, Condition of JavaScript Expressionand value to the value of the item (s)

       ($v('P8_BUSINESSRULETYPE') == '7')
    || ($v('P8_BUSINESSRULETYPE') == '8')
    || ($v('P8_BUSINESSRULETYPE') == '9')
    || ($v('P8_BUSINESSRULETYPE') == '10')
    || ($v('P8_OPERATOR') == '9')
    

    If you are using a browser that supported, this can be simplified to

       (['7', '8', '9', '10'].indexOf($v('P8_BUSINESSRULETYPE')) >= 0)
    || ($v('P8_OPERATOR') == '9')
    
  • Help with dynamic Action with pl/sql and Javascript

    Hi all
    I'm a little hard with the following and I was wondering if someone can help me.
    My test app is here:
    http://apex.oracle.com/pls/apex/f?p=32581
    
    workspace: Leppard
    Login: guest
    pw: app_1000
    
    Tab: DB Link (page 19)
    I have a list of unique selection on the page that queries a table in my diagram.

    This is the flow that works, but not the user experience I want:
    User clicks on the button Create Page 19 > the next page, page 20, appears as a popup window > user enters the name of the link = "MyLink" (or other) and one unit number, i.e. 1234 (or other) > user clicks 'Create using process' button > success message > user closed the window to return to the page 19 > user clicks LOV refresh to refresh the list of selection so that the new value is displayed.

    That's what I'm aiming for: user clicks on the button Create Page 19 > the next page, page 20, appears as a popup window > user enters the name of the link = "MyLink" (or other) and one unit number, i.e. 1234 (or other) > user clicks button "create using the DA ' > dynamic action is called running pl/sql closes the popup window and refreshes the list of selection on page 19.

    I know that I have some problems with my dynamic action. First of all, the pl/sql is not yet recognize the values that I enter the fields in item on page 20. I created a first pl/sql "null;" to force these items in session state, but it does not work for me and the pl/sql just inserts a null value into my table. Secondly, I can't get javascript to fire code to refresh the list of selection on page 19. The code I use in the DA is the same thing as what is behind the button refresh LOV, so I am confident that the code works, I just can't get this fire click the button "create using the DA" on page 20.

    Sorry if this is confusing - I can clarify if necessary, let me know. Thanks in advance. Of course I'm still learning...

    John

    Published by: John K. on May 30, 2013 19:28

    I modified your DA as follows.

    In real Action of DA,.

    1 Seq 10, I added the element page 20 Page points to submit and return Pagenames. You forgot to add items here
    2 Seq 20, I changed your simple code to insert. Simple code just insert
    3 Seq 30, I added the new code to close the window and reload the window open.

    Thank you
    Lacombe

  • APEX 4.0.1: restriction on the maximum number of dynamic actions on a page?

    Hello

    I would like to know if there is a restriction on the number of dynamic actions on a page.
    I have a page with 29 dynamic actions. Everything works fine on the page.
    If I create another dynamic action that display only an alert or nothing else, I have the HTTP 404 error message when I try to view the page.
    If I delete the old dynamic action and create a new one so that the page works fine.
    After several tests, it seems that there is a maximum number of DA on a page, but if someone can confirm that?

    Environment:
    APEX 4.0.1
    Embedded PL/SQL gateway

    Kind regards
    SDDC

    Hi sddc.

    There is no limit on the number of dynamic action that you have on a page, but it is very likely that you hit a size limit of a variable we use during the generation of the JavaScript code for the dynamic actions. You can activate a log more detailed error further details on your 404 error - see http://www.inside-oracle-apex.com/oracle-apex-got-404-not-found-2/ EPG instructions are in the comments.

    BTW, you might be able to reduce the number of you dynamic actions by specifying page several items in the attribute 'Product (s)' from the 'when' the article if all run the same code. Just separate them with a comma (no spaces). Such as: P1_MGR, P1_DEPTNO

    Concerning
    Patrick
    -----------
    My Blog: http://www.inside-oracle-apex.com
    APEX 4.0 Plug-Ins: http://apex.oracle.com/plugins
    Twitter: http://www.twitter.com/patrickwolf

  • How to set ' hide / show ' regions during the loading of the Page mode 'hide '.

    How to 'Hide' under regions on a page on the loading of the page, but don't show the region above in mode 'show' on a page?

    I have multiple regions, one under the other on a Page. All models on those who are assigned to the regions 'Hide and Show '. When the initial page loading - my goal is-displays only the Top more Region in "Show" mode, while setting all the other (regions to 'Hide' in low mode).

    Can someone please suggest ideas on how to achieve this? Dynamic action? or other approaches? Examples/steps please would be greatly appreciated.

    My request for a theme is set to 23 Crimson. Apex 4.1.x

    Thank you.

    VSKumar

    Hello

    What needs to be done is:
    Set up the STATIC ID for all regions with the exception of the first region.

    For example:
    REGIONTWO
    REGIONTHREE
    REGIONFOUR
    REGION 5

    Then go to the properties of the Page to the section head and footer. In the footer section, add the following:

    
    

    You can for example see http://apex.oracle.com/pls/apex/f?p=60428:5

    P.S. If you switch to another topic you should check if the classes are the same. Otherwise it will not work.

    Kind regards
    Aljaz

    Published by: Aljaz on 6.3.2012 0:04

  • Dynamic action - a less than another date

    Hi all

    I'm running a few difficulties with easy dynamic action (survey)... Here's the situation (Apex 4)...

    I have two dates beginning and end. I want to change the value of the end date, if the start date is after / greater than the current end date. For example, if the two dates are February 15, 11 and the start date is changed to 17 February 11, I want the end date to change this value as well.

    Can anyone provide guidance on how to do it? I tried a lot of things, but nothing works well.

    Thank you!

    When

    Event: change
    Select the Type: point
    Point: P1_START_DATE //or whatever, it is

    Real Actions

    Stocks: value

    Parameters

    Set type: Pl/SQL function body
    the body of the function:

    declare
         v_start_date date := to_date(:P2_START_DATE, 'dd-Mon-yy');
         v_end_date date := to_date(:P2_END_DATE, 'dd-Mon-yy');
    begin
         if v_start_date > v_end_date or v_end_date IS NULL then
              return :P2_START_DATE;
         end if;
    
         return :P2_END_DATE;
    
    end;
    

    Page to submit items: P1_START_DATE, P1_END_DATE

    Items affected

    Selection type: point
    Product (s): P2_END_DATE

    --

    You'll probably also want to do the opposite. that is, if the user sets the value of end date before start date.

    Van
    Trent

  • How to make a link between the two regions in the same dashboard

    Hi all

    I created a Dashboard.In this dashboard I have 2 regions. A region contains with Buttons.Another contains in the region with the report.

    My requirement is if I click on particular (Emp) button. I want to report employee details in my second area.

    How to do this. Please help me.

    Http://apex.Oracle.com/ details:

    workspace:AMANDINE

    United Nations:[email protected]

    p.w:sateesh1

    Application ID:25244


    Thank you and best regards,

    Rambeau

    Hello Raghu,

    It depends on your condition. First of all, it does not resemble a dashboard for me. Please refer any Application package for dashboards. For example, in Issue Tracker home page

    If I have 10 regions to report, and I have to view respective regions when I click on the button/link. then I'll go with

    Create 10 pages, one for each report

    * Create a region of the 'list' in Page 0 with the condition only show in over 10 pages. And this list will have links at the top of the pages. And you can change "List template" according to your requirement. (Horizontal or Vertical, etc..)

    It will be useful.

    Kind regards

    Hari

  • Variable setting wrong with dynamic action for the region of report

    Hello

    I can't setting a variable. Here are the details of connection:

    Connection information:

    TCARMY workspace

    User Apex_dev

    Password dev_apex

    Application 88542

    Page 11

    If you run the page 11 and just click on submit, there will be two rows. If you click on one, the modal region won't say no data found. If you click on the button submit once again, the value is passed if you click on it now, the results arrive. If you click on the second row, it still shows the value of the first row. If you click on submit again after clicking on the second line, then it is displayed correctly. It seems that the value is set to submit it. I want this to work when clicked, and then for the sql to run with the value that is in this variable when clicks on the element. There is a bit of javascript page level and dynamic action. Something is not right to the installation.

    The modal window should popup and run the sql at that time with the variable data and view the two columns. And if the user clicks on the second row, it would display the data in the row.


    Thank you

    Tim

    TC-army wrote:

    If you run the page 11 and just click on submit, there will be two rows. If you click on one, the modal region won't say no data found. If you click on the button submit once again, the value is passed if you click on it now, the results arrive. If you click on the second row, it still shows the value of the first row. If you click on submit again after clicking on the second line, then it is displayed correctly. It seems that the value is set to submit it. I want this to work when clicked, and then for the sql to run with the value that is in this variable when clicks on the element. There is a bit of javascript page level and dynamic action. Something is not right to the installation.

    What has not been set up right, it's that the element of P11_NAICNUMD parameter was not specified in the source attribute of Page to go to the region, modal Discount. The current value in the browser page, therefore, was not defined in session state when the report has been updated by the dynamic action. When

  • With the help of JavaScript condition in the dynamic action of JQuery selector

    Hi guys,.

    I have a Setup master detail on a page.

    The detail section, I have a tabular presentation.  One of the fields is a selection list.  The first record in the select contains the value * not * that has a value of primary key for the 1.  I have a distinct region with a simple text field where the user can insert a value into the table if the value does not exist.

    I want than the region of text element to only appear if the value * not listed * is selected.

    I managed to make it work when the value is selected with the help of dynamic action with a bit of JQuery and JavaScript by setting the ID on the selection list to 'create' and have the following in JavaScript $(this.triggeringElement) .val ()! = 1 in the JavaScript for dynamic action condition shows it or hides the region of 'create' and that works well.

    However, if the secondary table is empty before the detail records were created (nothing selected in triggering jQuery Selector) the region of create is displayed when I don't want it.

    I guess I need some sort of NVL in JavaScript condition?

    I use APEX v4.2.

    Any advice would be appreciated.

    Chris

    Cashy wrote:

    I have a Setup master detail on a page.

    The detail section, I have a tabular presentation.  One of the fields is a selection list.  The first record in the select contains the value * not * that has a value of primary key for the 1.  I have a distinct region with a simple text field where the user can insert a value into the table if the value does not exist.

    I want than the region of text element to only appear if the value * not listed * is selected.

    I managed to make it work when the value is selected with the help of dynamic action with a bit of JQuery and JavaScript by setting the ID on the selection list to 'create' and have the following in JavaScript $(this.triggeringElement) .val ()! = 1 in the JavaScript for dynamic action condition shows it or hides the region of 'create' and that works well.

    However, if the secondary table is empty before the detail records were created (nothing selected in triggering jQuery Selector) the region of create is displayed when I don't want it.

    I guess I need some sort of NVL in JavaScript condition?

    I use APEX v4.2.

    Simple solution is to hide the region containing the element of text by default, using the style = "" view: no ' in the property of the attributes of the area in the region. " It will be always hidden when the page initially, but its visibility will be controlled by the DA subsequently.

  • Dynamic action to refresh the region-&gt; see the message to user

    Hello

    I have a page in the apex 4.2.2.

    In this page, I have an interactive report and a filter sets, users can choose.

    When users choose one of the filters, I implemented a dynamic action to refresh the interactive report region, so it should refresh the data being shown without submitting it.

    So far so good... but... when the region is refreshing there is point 'charge of circle' which displays and allows the user to know he is done on the page. But this icon is not so obvious.

    What I want is to add a message, for example to display a region, which showed a message like "being the updating of the report, please wait" (something like that).

    I tried to insert in my dynamic action, as 1st action, to SHOW this area and as the last action to HIDE. But nothing is done, the region is never shown.

    How can I perform this task? All I need is to be able to display a message, for the duration of the dynamic action, to inform the user that he or she must wait until the task is completed.

    All real common actions have been reported to "wait for result", if I didn't get this wrong, it means that he expects the previous real action remaining to be done, in order to trigger the next... This should show the region and then hide it, but it does not work.

    Can someone help me with this? Maybe give an idea?

    Kind regards.

    You can actually go several routes with a solution for this. A refresh of the IR will start forward and after updating the events that you can hang on to dynamic actions or jQuery, so you can show something at the start of the update and then hide it again. And since you can do all this in jQuery you could easily hold it in a javascript file and attach it to every page of the ir. This is probably the cleanest solution and more independable.

    Another way is to use the already existing waiting icon and play with his presentation a little. You know, that you are talking about loading icon. You can change this to something much better with minimal effort!

    Example:

    Run when the page loads, to execute javascript code:

    $("#apexir_LOADER").append("
    Please wait. Refreshing the data.
    ");

    Add this css to inline css in the page:

    span#apexir_LOADER {
    display: block;
    width: 150px;
    text-align: center;
    background-color: white;
    border-style: solid;
    border-radius: 5px;
    border-width: 2px;
    top: 20%;
    }
    

    It'll make a little white box with black borders rounded around the loading icon and put a text below.

    You can get the html code to add a bit more generic, or you can raise some html of the page if necessary. You can put it in a dynamic action on the load, put in a js file, or whatever. The css can be put in a page template or a css file.

    It's only less independable hanging in front or after updating because we are taking advantage of the system in place, which means that maybe he could change in the future - but this is hardly on the same scale as the 'hacking' the ir for example javascript.

  • Dynamic action on the region

    Hello

    Request Express 4.1.0.00.32

    I have a report region on a page that is conditionaly displayed depending on the value of an element of page Pn_ITEM = "HIDE".

    I have dynamic stock running on the page that fill a collection and update the report without the need to submit the page. However, I need to show the report somehow when the collection contains at least one of the members present.

    I tried the following:

    1st real action running pl/sql that adds a record / member of a collection, then a 2nd action sets the value to a page Pn_ITEM = true 'SHOW' action item and a 3rd that should show the region based on the value of the real action 2.

    My collection has an added member. The value 'SHOW' is applied to my article on Pn_ITEM page by the dynamic action but the region of report I want now displayed is not displayed. Obviously if the page is submitted, the report will now be shown however I can't send the page at this stage that's why I need to do this dynamicaly or through javascript and on the application process.

    Any ideas how to get my region report to display once the collection has at least one member without submitting the page?

    Thanks in advance.

    Remove the requirement for the view from the region. You don't want this here since it completely stops rendering region if the condition is not fullfilled to the render time. You want that he made, but not displayed.

    Add css to the region (inline, class):

    style="display: none;"
    

    Add real action that will do a refresh on your area (component - refresh, select your report as an affected item region).

    Now, either:
    Add a real action of type run javascript. Since you can not put conditions on the real actions, we will test the condition in javascript.
    Choose one:

    if($v("Pn_ITEM")=='SHOW'){
    //if you want to target the region to be shown by an ID (static id?)
    $("#region_id").show();
    };
    
    if($v("Pn_ITEM")=='SHOW'){
    //if the triggering element would be the region to be shown
    $(this.triggeringElement).show();
    };
    
    if($v("Pn_ITEM")=='SHOW'){
    //if you'd want multiple affected elements to be shown at once drop the [0]
    $(this.affectedElements[0]).show();
    };
    

    Create a new dynamic action that has the same conditions of release as your other dynamic action.
    Specify a when condition:

    $v("Pn_ITEM")=='SHOW'
    

    Create a real "Show" type action to show the region.

    Final result should be your dynamic action creating an item in the collection, an update of the report based on the item (but still not represented) and finally a show in the region.

    Remember that stocks will also fire on page load (so don't forget to check the box on the actions of true), otherwise the region does not appear initially.
    I would say that the item is probably not necessary, but depends on any other logic, you might have on your page and possibly interacts with it.

  • change the results of the report with the selection list using dynamic action

    This is one of those situations where if I could understand the appropriate search terms to use, someone else must have asked this question in the past.

    I have a report with a SQL query with a condition based on a list of selection on the same page. So I have a list of selection -: P177_FISCAL_YEAR

    My request for my report is:

    Select md_id, display_name, description
    of media_tbl
    where fiscal_year =: P177_FISCAL_YEAR

    When a person makes a selection on the selection list (: P177_FISCAL_YEAR), I would like to report up-to-date without having to submit the page. I was hoping that I could do something like this using a dynamic action but have not found a way to do it.

    Thanks in advance!

    John

    Create dynamic Action:

    When
    Event: change
    Selection type: product (s)
    Article (s): P177_FISCAL_YEAR
    Condition: - unconditionally.

    Real Actions (add 2 real actions)
    -the first is to load the value in session state so that the report can see.
    Sequence: 5
    Action: execute the PL/SQL Code
    Code PL/SQL: null;
    Items to submit page: P177_FISCAL_YEAR

    -the second to refresh the report
    Sequence: 10
    Action: Discount
    Selection type: region
    Region:

Maybe you are looking for