Apex 4.0: 100% width interactive report

Hello

I need an interactive report 100% width in my page.

As I see not all possible configurations in report attributes (it seems interactive reports do not use a model), I looked at the CSS using Firebug, and I added width in style on the right properties, so in my page header, I added:
<style type="text/css">
.apexir_TOOLBAR_OPEN {width:100%;}
#apexir_TOOLBAR {width:100%;}
.apexir_WORKSHEET_DATA {width:100%;}
</style>
The toolbar is now 100% width, but not the worksheet data, I noticed that the table (apexir_WORKSHEET_DATA) is contained in another table:
<table summary="">
So I need to add width = '100% ' to this table (I tested with Firebug, it works) but how?

Thank you.

Yann.

Use a descendant selector to target the table not identified within the apexir_DATA_PANEL DIV:


Tags: Database

Similar Questions

  • Calculations in APEX 4.2 on the interactive report and the update form

    Hello

    I know that people have asked similar questions, but I was not able to do this work. I'm doing some fairly simple math (addition, multiplication) in an application. I have 2 fields (VALUE_A, VALUE_B). I can get the addition and multiplication work in the interactive report, but I also need that it works correctly in the form of update. I also need update form to work dynamically so that if the values are changed, the correction calculated response is shown immediately on the update form and then reflected in the interactive report. I tried the dynamic action, with and without javascript without result. Any help would be appreciated.

    Request Express 4.2.6.00.03

    model application:

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

    username: guest

    password: Peanut123

    Thank you

    Rachel

    ADD dynamic action

    After refresh of region

    Set value

    ELEMENT the VALUE to change

    check the fire on the load

    To source, use expression JavaScript

    If ($v ("P2_TEST_1")! = null & $v ("P2_TEST_2")! = null)

    {

    parseInt ($v ("P2_TEST_1")) + parseInt ($v ("P2_TEST_2"));

    }

    ElseIf ($v ("P2_TEST_1")! = null & $v ("P2_TEST_2") == null)

    {

    parseInt ($v ("P2_TEST_1"));

    }

    ElseIf ($v ("P2_TEST_1") == null & $v ("P2_TEST_2")! = null)

    {

    parseInt ($v ("P2_TEST_2"));

    }

    on the other

    { 0; }

    That add another dynamic action on change POINT P2_TEST_1 and set even with the same expression JavaScrit action. but NOT fire on the load
    Do the same for the ARTICLE P2_TEST_2

    And the same for A times B but change + to *.

    Here, I did samples for you with this code.

    https://apex.Oracle.com/pls/apex/f?p=83519 demo/demo

  • Apex hide control of running interactive report

    Hello

    Is there a good way to hide the icon of orders to an interactive report break?

    Tyia,

    Arnaud

    Hello Arnoud,

    If you want to hide option to set a Break control: turn this option off in the area of the search bar of your definition of attributes of interactive report.
    If you just want to hide the image when a Break of control is used in a standard definition of IR: put the javascript $x_Hide ('apexir_CONTROL_PANEL_COMPLETE') or $x_Hide ('apexir_CONTROL_PANEL') in the footer of the region.

    Greetings,
    Roel

    http://roelhartman.blogspot.com/
    http://www.bloggingaboutoracle.org/
    http://www.Logica.com/

    You can assign this answer to your question in marking it as useful or Correct ;-)

  • APEX 4.0.1 bug - interactive report - ORA-12899 search bar

    Hello

    There is a maxlength = "2000" attribute on the apexir_SEARCHelement. The value of the attribute must be 255.

    The AJAX call returns the following JSON object:

    + {'dialogue': {'uv': true, 'line': [{'V': "failure of Widget < br / > ORA-12899: value too large pour column"APEX_040000"". ""}]}} "" "WWV_FLOW_WORKSHEET_CONDITIONS '." " {{[{"NAME" (actual: 326, maximum: 255), < br / > spreadsheet "}]}} +.

    Is it normal that I don't see any error message (dialog box)?


    Thank you.

    Louis-Guillaume
    -----
    My Blog: http://www.lgcarrier.com
    APEXFramework: http://www.apexframework.com
    APEX Québec French Community: http://www.apexquebec.com

    Louis-Guillaume,

    Just an update. This bug has now been fixed and will be available in our next group of hotfixes. This was fixed by changing the maxlength to 4000 to let in a search string of up to 4000 characters, and then modify the code that built the value filter name, such as if it exceeds 255 characters, we we substring and adds «...» "at the end to show that it is longer that can be displayed.

    Kind regards
    Anthony.

  • Interactive report 'Save by default' does not not for me on hosted APEX

    Created an app on Oracle APEX Hosted site (apex.oracle.com) with an interactive report. Modified the column settings in the interactive report and went to 'Save the report' and does not appear the selection list "save under" to allow me to "Save as default". It's like APEX is not recognize me as a developer even if I am logged in as my account Admin I have even a "Developer" account I created and the same problem happening there as well. Everyone knows about this problem on apex.oracle.com? Thank you.

    VA - the toolbar developer must be enabled so that you can see these options, I think.

    Scott

  • date picker, hidden behind the interactive report header

    We are experiencing a problem where, when displaying, a date picker is hidden behind the fixed headers for an interactive report. During the initial inspection, it seems apparent to the z index of the interactive compared to the report header date picker...  Has anyone else seen elsewhere?

    Thank you!

    Dan

    Hi DanGillis,

    DanGillis wrote:

    We are experiencing a problem where, when displaying, a date picker is hidden behind the fixed headers for an interactive report. During the initial inspection, it seems apparent to the z index of the interactive compared to the report header date picker...  Has anyone else seen elsewhere?

    Yes. There is a bug in 5 APEX.

    Modify your interactive report-> report attributes-> position-> value 'None '.

    Reference: Datepicker dates behind the report header when you try to pick a date

    Kind regards

    Kiran

  • How to create a column width fixed in an interactive report 4 APEX?

    This thread is a continuation of {message identifier: = 9191195}. Thank you fac586.

    Partial success: the following code provided by fac586 limit the width of the column of the Apex 4 interactive report as long as the data in the column contains a white space in a browser Firefox 3.6:

    < pre class = "jive-pre" >
    < style type = "text/css" >
    e #T_DESCRIPTION {}
    Width: 300px;
    }
    TD [headers = "T_DESCRIPTION"] {}
    Width: 300px;
    dressing: break-Word;
    }
    < / style >
    < / pre >

    Notes:
    1. the above code is placed in the HTML header for the page section.
    2 T_DESCRIPTION is defined as VARCHAR2 (2000).
    3. the above code works in Firefox 3.6.12 browser but does not work in the browser Internet Explorer 7.0.5730.13.

    I tried to add "float: left;":

    < pre class = "jive-pre" >
    < style type = "text/css" >
    e #T_DESCRIPTION {}
    Width: 300px;
    }
    TD [headers = "T_DESCRIPTION"] {}
    Width: 300px;
    dressing: break-Word;
    < font color = "red" > float: left; < / police >
    }
    < / style >
    < / pre >

    Notes:
    1 "float: left;" requires no white space and successfully splits the column between the characters instead of whitespace.
    2. "float: left;" reduces the height of the cell and allows the page to show through... could not determine how to solve this fundamental problem.
    3. the above code works in Firefox 3.6.12 browser but does not work in the browser Internet Explorer 7.0.5730.13.

    I've did some more research, but I've yet to discover how to create a fixed-width column in an interactive APEX 4 report that displays correctly in Internet Explorer 7 browser.

    Ideas and help will be appreciated.
    what theme are you using?

    A customized version of the 15 theme.

    You said you were using APEX 4.0, if I was testing on 4.0, but using one of its new themes based on the standards. 15 theme is a theme of legacy from older versions of APEX, mainly to ensure a certain level of support for the despised IE6 browser. The new themes are designed to restore mode standard and those inherited mode quirks (This is explained here). Firefox (and Safari, Opera and Chrome, and...) for your application, it's academic: all the required CSS: selectors attribute, the property max-width and dressing work in two modes.

    Enter Microsoft. They decided that in IE7, backwards compatibility meant that new CSS features would be supported only in standard mode, even if they had never been implemented in older versions, with no previous, behavior that may break. Go figure. Yes, even so the dressing will work in quirks mode (no surprise - Microsoft invented), attribute selectors, and max-width only. The latter is bug in standard mode, so I tried using widthworkaround, but who has always used an attribute selector, which of course is ignored, there are no selectors of friendly quirks mode in uneditable Oracle IR of supplement.

    The best 2 options are:

    1. stop using IE.

    2. use a theme based on standards.

    Less satisfactory would be:

    3. change your theme custom (or some of its pages) in standard mode (but it could break him other stuff).

    4 throw some JavaScript to fix the problem (I'll sleep on this one).

  • Apex 4.0 has even 100 column limit on the attributes of interactive report

    We are on Apex 3.2 and one of our applications widely used interactive reports, most having more than 100 columns. The report attributes tab shows only the 100 first columns, which can be moved upwards or downwards to order. Additional columns are accessible by selecting the 100 column and use the > button to get the rest. However, these columns cannot be moved to another location.

    This isn't a major problem when first create reports as SQL put them in the right order, but all fields may need some sort of setting in shape.

    The problem comes when a request arrives to add an additional column to the report. No matter where I put it in the SQL, the field always ends by at the bottom of the list of attributes. If this field is required to be in the 32 column, I can't move it. I can get around this by running the interactive report, move the column to the correct position and re-record the master report.
    However, the list drop-down "Filter" will always have the new column, at the bottom, which I suppose is using the report attributes list, that I can't change.

    Anyway, my question is to those on Apex 4.0 - this limitation of 100 columns has been increased or is it still in place.
    If someone had the same problem and found a better solution.

    Thank you
    Daron

    Hi Daron and blabla,

    Yes, it seems that this limitation is still in place and I will file a bug, if there isn't one already. But I think in APEX 4.0 is less a problem, because if you use the "tree" to edit your page, you will see all the columns in the report below the IR region. There is no limit of 100 column here. And better yet, you can use drag and drop to move the column where you want to make or change directly with a double click or the menu shortcut "Edit" option.

    Hope that helps
    Patrick

  • Change the color of line in an interactive report in version 4.2 # Apex

    Hi team,

    I have done following things in my interactive report to reflect changes in color, but these changes do not appear. Could you please help where I'm missing.

    Apex Version 4.2 #.

    Theme-100 light blue

    1. to light under the screen if active_flag is "N", then the entire line, I would like to show in a different color.

    2. then create a dynamic action like this

    Name: Give the appropriate name

    Event: After refresh

    Selection type: region

    Region: select your region classic report

    Condition: No strings attached

    Action: Run the JavaScript Code

    Fire on loading the Page: Yes

    Code

    $('td[headers="Active_Flag"]').each(function() {  
      if ( $(this).text() === 'N' ) {  
        $(this).closest('tr').find('td').css({"background-color":"#FFFF99"});
      } else if ( $(this).text() === 'Y' ) {  
        $(this).closest('tr').find('td').css({"background-color":"#EEA196"});
      } else {  
        $(this).closest('tr').find('td').css({"background-color":"#C6EA91"});
      }  
    });
    

    But it does not reflect anything, you can offer me if I wrong anywhere.

    Kind regards

    Sruthitamiri

    Sruthi Tamiri wrote:

    I have done following things in my interactive report to reflect changes in color, but these changes do not appear. Could you please help where I'm missing.

    Apex Version 4.2 #.

    Theme-100 light blue

    1. to light under the screen if active_flag is "N", then the entire line, I would like to show in a different color.

    2. then create a dynamic action like this

    Name: Give the appropriate name

    Event: After refresh

    Selection type: region

    Region: select your region classic report

    Condition: No strings attached

    Action: Run the JavaScript Code

    Fire on loading the Page: Yes

    Code

    1. {$('td[headers="Active_Flag"]').each (function ()}
    2. If ($(this) () .text = ' don't) {}
    3. $(this) .find ('td').css({"background-color":"#FFFF99"});).closest('tr')
    4. } ElseIf ($(this) () .text = 'Y') {}
    5. $(this) .find ('td').css({"background-color":"#EEA196"});).closest('tr')
    6. } else {}
    7. $(this) .find ('td').css({"background-color":"#C6EA91"});).closest('tr')
    8. }
    9. });

    But it does not reflect anything, you can offer me if I wrong anywhere.

    Interactive report region that model is set to Model No.? If so, that means that is missing an ID attribute that is required to bind a dynamic action after refreshing the report. Use a region template that contains id="#REGION_STATIC_ID#" , as the region without buttons or title.

    The number of standard theme for the theme of blue light is 15. Have numbered it 100 would indicate that it has been customized, exported and re-imported. In an application updated through previous versions of APEX, it can actually be an older version of this theme earlier at APEX 4.x, when a number of models in legacy issues, missing this attribute altogether.

  • Apex #4.2 interactive report details

    Hi all

    In our application, we had implemented using interactive report, the following clarifications required.

    Version of the apex # 4.2

    THAT IS TO SAY #10

    Theme # Light Blue 100

    Q1. By default under the action button see us option "Download".

    -Can rename us export.

    -can we get outside Actions, i., e download option download can only visible when they choose the Actions button but the user is after button create as shown below.

    Q2. For each heading they can filter data using the order ascending or descending, as shown below

    -Suppose that I had selected in ascending order, but if I want to deselect the option there is no option to do what ever they have selected it will show, how can deselect us this option.

    -Now we are given as "Asia/Europe/region" we show of table d/b, but asks the end user to have the option as 'All' when they select it should show all regions in time?

    Q3. In our application, we have a button as "De-Active" when they click on this button we put active_flag as "N" as shown below, these data in the reports should be visible in color "red" to distinguish between them, at the bottom of the screen shot if we look at we see active_flag "N" this line full interactive report must be included in the color red?

    Q4. Created the form using 'Form on a table with the report' in this case when the button is clicked Create he will refer to the form, and if we do not select the required fields and click on ' submit 'see us error message like', we can remove "1 error has occurred" and see the def only messages.»

    Q5. In our application we use an image for the replica as shown below, but the user has asked to replace it with something of a Clone of the image, where we can get this image to replace this particular image.

    Q6. In our application, we use a 'level' tab and to display messages of success that we are showing to the left, as requested by the user can be messages on the screen as shown in the screen two as on the green color to display messages there.

    Screen 2:


    Kind regards

    Sruthitamiri

    Hi all

    Thank you very much to all those who had provided solutions for my request above, now I have some other clarifications that I will raise individual threads.

    Question #3: User functionality of highlight of interactive report. Citation: Re: change the color of line in an interactive report based on a column-> correct answer value

    Question #5: On Google image search. Download it! Publish the shared components and change the reference to the link column. Here is a picture of the :-> useful sample

    Question 1, you can add a link to the region to perform the action download...: http://www.apexninjas.com/blog/2012/05/create-a-custom-download-link-for-an-interactive-report/ -> correct answer

    Question #4: See the following thread: remove the number of Validation errors-> correct answer

    Kind regards

    Sruthitamiri

  • Attributes of Image Interactive report apex 5.0...

    Hello

    I created an interactive report in apex 4.2.6. To customize the image, I added the HTML code in the report interactive HTML Page header

    < style type = "text/css" >

    .apexir_WORKSHEET_DATA td [headers = "IMAGE_CONTENT"]

    IMG {}

    height = "200";

    Width = "80";

    }

    < / style >

    Now the Apex version is upgraded to 5.0... The images in the report have become major... Why this code does not work in apex 5.0? Is it possible to limit the size of an image in the interactive reports page?

    Thank you

    Toddler

    Kiran Pawar says:

    As the interactive is rewritten from the ground-up in the new version 5.0 of the APEX, there is no class 'apexir_WORKSHEET_DATA' in IR in APEX 5.0, change your css to:

    You must also add "IMAGE_CONTENT" as a static ID in the image column, like APEX 5.0 uses internal ID in the ID attributes of the IR instead of alias columns table header cells.

    4.2, page-level CSS should be in CSS Inline (without tags style) property page, and not the Header HTMLpage.

  • Interactive reports - width of filter for the column title dialog

    Hello

    I have a question about interactive reports and filter functionality, you can use column headers in the apex 4.0.2.00.07.

    When I click on a column header in my interactive report, I will be presented with a list of possible filter values for this column. Unfortunately this filter dialogue seems to have a fixed width and be independent of the overall column width. Columns with entries of data any longer, I can't see the entire string.

    Is it possible to change the width of the dialog, for example the s.t. it automatically adapts to the width of the selected column? But it would be useful even if I could apply the same width for all columns in a report.

    Thank you very much
    Martin

    Hello

    Seems 20 theme page templates are missing doctype and IE use quirks mode.

    You can try to add to the header of the template page as the first line

    
    

    and see that it does not break anything.

    Kind regards
    Jari

  • How to change the width of columns in an interactive report?

    I have an interactive report. I want to customize the width of the column in the report. How to get there?

    Thank you
    Jen

    Two things... (1)

     items are for the forum display use only, do NOT copy them to your page in APEX..  2) I have modified your page 23 in your app, I have added the code in the proper location and removed the other code you had in place and copied it to the comments section of page.
    
    Please take a look and adjust the size accordingly..
    
    If this answers your question, please mark the question as answered and assign points where due..
    
    Thank you,
    
    Tony Miller
    Webster, TX
    
    Time flies like the wind, but fruit flies like bananas.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
    
  • Interactive report with alternating lines - 5 APEX

    Heyho guys.

    I got a task to set alternating line colors in my interactive report.

    IM using Oracle 11 g Database XE with APEX 5.0.0.00.31 2.

    I searched current debates and following this thread:

    https://community.Oracle.com/thread/912414?TSTART=0

    I followed the comments written there and I tried with javascript, they spoke aboud (I'm a newbie using javascript)

    I pasted the following in my page header:

    < script type = "text/javascript" >

    IT IS THE INTERLACING

    function decorateDataGrids (strClass) {}

    var tables = document.getElementsByTagName ("table");

    for (var i = tables.length; i-;)) {

    If (tables.className == strClass) {}
    var gridRows = tables [i] .getElementsByTagName ("tr");
    for (var j = gridRows.length; j-;)) {If (j %2) {gridRows [j] .className = "even" ;}}
    }
    }
    }
    < /script >

    < style >
    / * THIS REPLACES THE DEFAULT STYLES OF THE APEX * /.
    table.apexir_WORKSHEET_DATA tr.even td {}
    background-color: #F1F5FA! important;
    }

    table.apexir_WORKSHEET_DATA td {}
    background-color: #FFFFFF! important;
    border: 1px solid #B3B3A7! important;
    padding: 4px 8px! important;
    }
    < / style >

    And called in my link to my column ID text field via:

    "< img src =" "#IMAGE_PREFIX #edit.gif" alt = "" onload = "decorateDataGrids ('apexir_WORKSHEET_DATA'); ">

    If I start the page now, nothing happens.

    In the thread, we talk about bad SEO of the IR:

    "OK here's why the code does not work." When you use getElementsByTagName, you get a collection, not a single item.

    So when you make the comparison to see if the class of the table is an ApEx IR type, you need to reference the current table, not the entire collection. As follows... »

    But I don't understand how I'm doing the right reference.

    Someone at - it an idea to get this race?

    Thank you

    pleNn

    pleNn wrote:

    Heyho guys.

    I got a task to set alternating line colors in my interactive report.

    IM using Oracle 11 g Database XE with APEX 5.0.0.00.31 2.

    I searched current debates and following this thread:

    https://community.Oracle.com/thread/912414?TSTART=0

    I followed the comments written there and I tried with javascript, they spoke aboud (I'm a newbie using javascript)

    I pasted the following in my page header:


    for (var j = gridRows.length; j-;)) {If (j %2) {gridRows [j] .className = "even" ;}}
    }
    }
    }

    And called in my link to my column ID text field via:

        

    If I start the page now, nothing happens.

    In the thread, we talk about bad SEO of the IR:

    "OK here's why the code does not work." When you use getElementsByTagName, you get a collection, not a single item.

    So when you make the comparison to see if the class of the table is an ApEx IR type, you need to reference the current table, not the entire collection. As follows... »

    But I don't understand how I'm doing the right reference.

    Someone at - it an idea to get this race?

    It's all totally obsolete with respect to the 5.0 APEX where interactive reports have been completely redesigned and rebuilt.

    To complete the full version number of APEX, always indicate what theme and browser (s) / version (s) you use when asking questions of shape/layout visual layout.

    To go from rank (Zebra) when you use the universal theme distribution in interactive reports, see Re: interactive report - no line scratched?

  • APEX 5 interactive report data column alignment

    Hello

    I want to vertically align a column of APEX 5 interactive report data to the top of the cell (currently using the universal theme). By default, if a cell in the column in the file contains several lines (for example via the packaging), the other cells in the same row are centered compared to this in terms of vertical alignment multiline cell. I guess this can be managed with a set column expression shaped HTML, but I was not able to do so far.

    More generally how can it be implemented for all interactive reports / classics in a given application?

    I searched the forum etc. for similar positions, but not found a solution.

    See you soon,.

    Alan

    a_rintoul wrote:

    I want to vertically align a column of APEX 5 interactive report data to the top of the cell (currently using the universal theme). By default, if a cell in the column in the file contains several lines (for example via the packaging), the other cells in the same row are centered compared to this in terms of vertical alignment multiline cell. I guess this can be managed with a set column expression shaped HTML, but I was not able to do so far.

    It requires CSS rather than HTML, specifically the vertical-align property on the report table cells. For a single report, add a static region ID in the report area and include this style sheet in CSS Inline property page:

    #static-region-id .a-IRR-table td {
      vertical-align: top;
    }
    

    Leave aside the #static-region-id selector to apply the rule to each SORTING on a page.

    More generally how can it be implemented for all interactive reports / classics in a given application?

    Creating Styles of theme using the theme roller is the privileged and supported way to customize the appearance of the applications that use the universal theme.

    • Go to a page of IR in your application.
    • Click the Thème Roller on the developer toolbar.
    • Expand the CSS custom section.
    • Add this style custom rule:
    /* Interactive report cells */
    .a-IRR-table td,
    /* Standard report template cells: add selectors as required for other report templates */
    .t-Report-report td.t-Report-cell {
      vertical-align: top;
    }
    
    • The page will automatically preview changes.
    • Click on record under and type a name for the style of custom theme.
    • Topic close Roller

Maybe you are looking for

  • Bad monitor or LCD screen cable on Qosmio X 505?

    Looking for a little help to solve my problem. About six months ago my web cam log if I moved the monitor back or front. A month or two later the monitor should fade a bit. I have to move the monitor to restore its brightness. The monitor will now co

  • Where can I find more details about command line interface?

    Specifically, I wonder how we remove something that has been installed, like homebrew, xcode, etc..  But, just generalities would be useful.

  • How can I reset a compaq presario cq60-211dx

    How can I reset a compaq presario cq60-211dx to factory settings to remove password...  My son put a password in order to prevent his brother to use his computer... the screen broke and we ended up buying another computer... but now, we have fixed th

  • HP Pavilion p208tx 15: 10 Windows on HP Pavilion p208tx

    Hi all I intend to buy "HP Pavilion 15-p208tx" ( https://www.hpshopping.in/HP_Pavilion_Notebook_-_15-p208tx_Laptop ) Please inform if it is compatible with Windows 10? Kind regards KK

  • freezing and slow pc

    Hello.  New to this.  My computer is so slow and continuous freezing, sometimes it won't let me even ctrl alt del.  The internet is also very slow and it keeps freezing too. Hope someone can help me.  Im not a count whizz kid then a language preferre