Question: Style af:column header using the CSS style class

Hello

I have a simple requirement to set the background color of a column heading to 'red '.

We use a custom look and I put in this entry in the .css. file

AF | : column-head - cell.customcolheader {background-color: #FF0000 ;}}

In my .jsff file, set the styleClass for the desired column

< af:column id = "c27".

Align = "center".

headerText = "#{uiBundle.TEST} '"

styleClass = "customcolheader" >

< / af:column >


Deployed to the app and navigated to the web page expecting to see the background of the column header color changes to red.

No luck.


I removed the qualifier (.customcolheader) and all the column headers in the corner of the Red application.

AF | : column-to-head-cell {background-color: #FF0000 ;}}


Only when I specify the name of the class and apply it to a specific column, it does not work.

This happens on all 3 major browsers: IE, Firefox and Chrome.

I find it very strange.


JDeveloper version 11.1.1.5.0

Version of CSS CSS Level 2 revision 1


All entries will be appreciated.

Thanks Shay.

What you mentioned was infact my original code.

I found the problem. The CSS was not the problem.

To set the background color of a column heading, I was put in the name of the class under StyleClass for FY: column.

Infact there is an attribute called "HeaderClass" to af:column and we need to set the name of the CSS class entry there.

Works like a charm :-)

Thanks for all the good entries.

Tags: Java

Similar Questions

  • How to not display the column heading in the table view?

    I don't want to display the column header in the table display, how I can make?

    If you use JavaFX 8, you can use the following text in an external style sheet:

    .table-view .column-header-background {
      -fx-pref-height : 0 ;
    }
    

    If you use JavaFX 2.2, the - fx-pref-height attribute is not available in css, so I think that you must resort to a search:

    final Region tableHeader = (Region)table.lookup(".column-header-background");
        tableHeader.setPrefHeight(0);
    

    As always, I am obliged to point out that I don't really like the research. Sometimes, they seem to be the only way, however.

  • Align the column heading in the table of the ADF in the Center

    Hello
    I'm trying to align the column heading in the table of the ADF in the centre, but not able to find any property of the table, I also tried using inline CSS but not able to achieve any success.
    Can someone help me make.

    Hello

    Try:

    
      
        
           
             
           
        
      
      
    
    

    -Anton

  • Column header in the interactive report with special characters

    Interactive column heading in the report sorting and filtering is broken when I used special characters in it.

    Column sorting options appear in the wrong place and the page becomes unresponsive.

    Cause: I use a slash "/" in my query and who broke it. I tried ampersand and the same problem exists.

    Query: Select project name, status ' Open/closed' projects;

    This problem does not exist in the classical report, but only in interactive report

    Version: Apex 4.2.4

    Here's a demo app with the problem I'm talking about. Trying to sort the column entitled ' open/closed '.

    http://Apex.Oracle.com/pls/Apex/f?p=12289

    U:testuser

    P:test

    The issue is identical to an another forumn.

    https://community.Oracle.com/message/11156426

    However, I have just created this new discussion with the hope that this minor bug might be fixed in the next version of the apex.

    During this time, no workaround or suggestions are welcome.

    I tried to make the column "Remove HTML and special characters", but that did not help. I think I have a header of column with some special characters is a pretty basic requirement apex should support.

    Hello

    I guess simple fix is that not not to use the query column aliases where is /.

    But you can use ' Open/closed' as an attribute of the column header.

    Kind regards

    Jari

  • How to make the color of ScrollBar that are created using the css code is displayed in Windows 8

    I wish I could understand how to get the color of ScrollBar that are created using the css code appears on my web design theme games. But I can't see them in Windows 8. Is there something that I need to enable to see colorful scroll bars? I'm used to be able to see them on my Windows XP computer. It is important for me because a lot of people like models with colorful scroll bars.

    Open the Tools menu and turn on "Compatibility view" to do.  Note that this works only in the desktop version of Microsoft Internet Explorer.

  • I have the table of 3 columns A, B, C. I want to store the sum of columns A B in the C column without using the DML statements. Can anyone help please how to do. ?

    I have the table of 3 columns A, B, C. I want to store the sum of columns A B in the C column without using the DML statements. Can anyone help please how to do. ?

    11.1 and especially you have virtual column

    SQL> create table t
      2  (
      3     a number
      4   , b number
      5   , c generated always as (a+b) virtual
      6  );
    
    Table created.
    
    SQL> insert into t (a, b) values (1, 2);
    
    1 row created.
    
    SQL> select * from t;
    
             A          B          C
    ---------- ---------- ----------
             1          2          3
    

    Before that, a front insert - trigger

    SQL> create table t
      2  (
      3     a number
      4   , b number
      5   , c number
      6  );
    
    Table created.
    
    SQL> create or replace trigger t_default before insert on t for each row
      2  begin
      3    :new.c := :new.a+:new.b;
      4  end;
      5  /
    
    Trigger created.
    
    SQL> insert into t (a, b) values (1, 2);
    
    1 row created.
    
    SQL> select * from t;
    
             A          B          C
    ---------- ---------- ----------
             1          2          3
    
  • How to view the line of columns without using the pivot keyword

    Hello
    could someone help me how to display lines in columns without using the keyword pivot and actuall is my scenario, iam having two tables with names and examples of data is shown below

    MIDDLE MINAME TASKID TASKNAME IDENTIFICATION PROJECT

    1 PROJ1 1 AA 100 PR1_TASK1
    1 PROJ1 3 CC PR1_TASK3 102
    1 PROJ1 DD 4 103 PR1_TASK4
    1 PROJ1 EE 5 104 PR1_TASK5
    1 PROJ1 6 105 FF PR1_TASK6
    2 PROJ2 EE 5 114 PR2_TASK1
    2 PROJ2 6 115 FF PR2_TASK2
    2 PROJ2 GG 7 116 PR2_TASK3
    2 PROJ2 HH 8 117 PR2_TASK4
    2 PROJ2 9 118 PR2_TASK5 JJ
    2 PROJ2 KK 10 119 PR2_TASK6
    2 PROJ2 1 AA PR2_TASK7 120


    The output should show the project and County of tasks at a given stage as shown below

    project AA BB CC DD EE FF GG HH JJ KK
    1 2 0 1 5 3 2 0 2 1 0
    2 1 2 0 2 1 0 2 4 3 1


    Thanks in advance,
    VVR
    CREATE TABLE pivot_test (
    ID           NUMBER,
    PROJECT      VARCHAR2(10),
    MID          NUMBER,
    MINAME       VARCHAR2(5),
    TASKID       NUMBER,
    TASKNAME     VARCHAR2(10)
    );
    
    INSERT INTO pivot_test VALUES (1, 'PROJ1', 1,  'AA', 100, 'PR1_TASK1');
    INSERT INTO pivot_test VALUES (1, 'PROJ1', 3,  'CC', 102, 'PR1_TASK3');
    INSERT INTO pivot_test VALUES (1, 'PROJ1', 4,  'DD', 103, 'PR1_TASK4');
    INSERT INTO pivot_test VALUES (1, 'PROJ1', 5,  'EE', 104, 'PR1_TASK5');
    INSERT INTO pivot_test VALUES (1, 'PROJ1', 6,  'FF', 105, 'PR1_TASK6');
    INSERT INTO pivot_test VALUES (2, 'PROJ2', 5,  'EE', 114, 'PR2_TASK1');
    INSERT INTO pivot_test VALUES (2, 'PROJ2', 6,  'FF', 115, 'PR2_TASK2');
    INSERT INTO pivot_test VALUES (2, 'PROJ2', 7,  'GG', 116, 'PR2_TASK3');
    INSERT INTO pivot_test VALUES (2, 'PROJ2', 8,  'HH', 117, 'PR2_TASK4');
    INSERT INTO pivot_test VALUES (2, 'PROJ2', 9,  'JJ', 118, 'PR2_TASK5');
    INSERT INTO pivot_test VALUES (2, 'PROJ2', 10, 'KK', 119, 'PR2_TASK6');
    INSERT INTO pivot_test VALUES (2, 'PROJ2', 1,  'AA', 120, 'PR2_TASK7');
    
    SELECT ID as PROJECT,
           SUM(DECODE(miname, 'AA', 1, 0)) AS AA,
           SUM(DECODE(miname, 'BB', 1, 0)) AS BB,
           SUM(DECODE(miname, 'CC', 1, 0)) AS CC,
           SUM(DECODE(miname, 'DD', 1, 0)) AS DD,
           SUM(DECODE(miname, 'EE', 1, 0)) AS EE,
           SUM(DECODE(miname, 'FF', 1, 0)) AS FF,
           SUM(DECODE(miname, 'GG', 1, 0)) AS GG,
           SUM(DECODE(miname, 'HH', 1, 0)) AS HH,
           SUM(DECODE(miname, 'JJ', 1, 0)) AS JJ,
           SUM(DECODE(miname, 'KK', 1, 0)) AS KK
    FROM   pivot_test
    GROUP BY ID;
    
    PROJECT AA BB CC DD EE FF GG HH JJ KK
    ------- -- -- -- -- -- -- -- -- -- --
          1  1  0  1  1  1  1  0  0  0  0
          2  1  0  0  0  1  1  1  1  1  1 
    
  • First group title below displays under the column headers using the model 23 classic report with the help of repeat titles on break

    Hello

    I am migrating an application from 3 APEX APEX 4.2 on a thing I noticed with the classic reports when I put them in the model 23, it's that the first section break has break notch under the headings of columns for this section of line while the remaining lines properly have it display above the headers on the subsequent sections of group.


    When I look at firebug code I saw that all the tables but the first, the break line is included in the last line of the previous table, so I can see how it did not work for the holidays since.

    I have tow questions.

    1. is it really intentional because it seems not terribly elegant and my users to zero immediately above as a perceived bug.

    2. is there a reasonable job around always use headers repeat on break? I have multiple reports on the same page in places so switch to interactive reports is not a quick fix for me in this case.

    Example of a question can be seen at apex.oracle.com at home

    Thank you

    Brad

    Roadling wrote:

    Hello

    I am migrating an application from 3 APEX APEX 4.2 on a thing I noticed with the classic reports when I put them in the model 23, it's that the first section break has break notch under the headings of columns for this section of line while the remaining lines properly have it display above the headers on the subsequent sections of group.

    1. is it really intentional because it seems not terribly elegant and my users to zero immediately above as a perceived bug.

    The Standard report template definition in issue 23 contains thead and tbody elements:

    Before the column header

    
    

    Column title template

    #COLUMN_HEADER#
    

    After the title column

    
    
    

    After the lines

    
    
    
    
    
    
    #PAGINATION#
    
    
    
    

    This is intentional, the best practice for marking up HTML tables. What is not expected is the problem that arises when this model is used with the break of repeat titles on break formatting option. The repeated headings result table consisting of soup of tags containing several poorly constructed tbody and thead, which is not valid elements.

    2. is there a reasonable job around always use headers repeat on break? I have multiple reports on the same page in places so switch to interactive reports is not a quick fix for me in this case.

    Create a copy of the report model Standard in Standard (break formatting) for use with reports of the break, remove the thead and tbody definitions of template tags and the breakdown of the reports to use the new model of change. (Or, if you use mainly break reports using the Standard template, keep the tags in the copy and remove them from the original in order to minimize the number of reports, you need to change.)

    Personally, I would create a report model of line custom to break complex reports in order to be able to have complete control over the structure and presentation.

  • More information on BC dynamic menus and using the CSS with them

    Hi all

    The tutorial of gurus of BC on the dynamic Menus and how to style with CSS didn't make any sense for me, unfortunately. The presentation was too rushed and the screen is too small to see what was going on.

    In a previous question, I discovered how to apply CSS classes to the BC menus after a bit of a course autour.

    I put the # in front of the name of the item ID and a. in front of the class name and it was not necessary.

    I have other questions, as I am still struggling to get a dynamic menu BC style correctly with the CSS I created.

    1. If you choose CSS as the menu type, can set the font, the State of reversal and color of background of the menu items in the dynamic menu section? Or are you to this style in the CSS stylesheet?

    2. If you choose CSS as the type of menu, the option to say how the submenu is located under the main menu disappears. Then you need to define in the CSS stylesheet? And if yes in which element? UL or LI?

    3. If you choose only CSS/HTML, how is this different from the CSS option to the dynamic menu?

    4. If you choose CSS as the type of menu and if you set the width and height in the menu item, and then set a different width and height in the CSS stylesheet, the width and height wins?

    5. If you want a dynamic menu to display on an Android phone, you have to choose only the CSS/HTML and do all the style in the CSS stylesheet? Or you can avoid dynamic menus all together and just use a UL list in the model? (I'm a reagent liquid checkerboard in DW for the model).

    6. I think the dynamic menu, I have done with CSS as the type, not to show and hide items in menu void correctly on an Android phone. Is there a problem with the javascript in dynamic menus?

    Thanks for any help that you people can give on these issues!

    OK, I found out what was the real problem. I did not use the menu Module 2 V to insert the menu into the model. I made the mistake to use the label menu in the Toolbox by default.

    The menu module V2 tag is NOT in the Toolbox.

    The tag is: {module_menu, version = '2'Flash '5475' =, moduleTemplateGroup = "Default"}

    When you configure the menu items in the Menu Module in the main part of the site, select the type of menu CSS/HTML, and then just set up links and menu items. No need of style or even add classes of menu items. Although you can also do.

    The elements you style are found here: / ModuleTemplates/Menu/Default

    Problem solved 3 years later! Thank you, @Penny of the Fortune Green who explained it all. In the meantime, I've used content holders to implement lists ul for menus and their style entirely in CSS. Laughing out loud! Welll it wasn't bad, I learned a lot about CSS.

    Details of the Menu Module 2 can be found here: using the module_menu v2

  • Problem with update of a column by using the procedure of database and refreshing or put in value programmatically

    Dear all,

    I am a beginner in the ADF and am under Jdeveloper Studio Edition Version 12.2.1.0.0.

    I have a page that consists of two taskflows.

    First workflow has a fragment which is to have a table based on view object salespersons (not editable)

    Second task flow contains a form of ADF from the same view object Salespersons.

    As the user selecting a line in the table of the same record is displayed as no problem.

    Now, I have added two buttons Activate and Deactivate that is to change the status of the sales.

    I tried to use two ways an updated using the procedure of database and then put in value by programming and I have different questions with two of them:

    Now, here's the code of the Java bean for activation:

    Option A - the problem with this is the value of the column in the list (the first task rate displayed) is not synchronized

    and Activate and Deactivate buttons are not disabled and active properly.

    {} public void confirmActivation (DialogEvent dialogEvent)

    If (dialogEvent.getOutcome () == DialogEvent.Outcome.yes) {}

    DBSequence vId;

    vId = dcId.getValue ((DBSequence));

    Links BindingContainer = getBindings();

    OperationBinding operationBinding;

    operationBinding = bindings.getOperationBinding ("changeSalespersonsStatus") (OperationBinding);

    operationBinding.getParamsMap () .put ("pId", vId.getValue ());

    operationBinding.getParamsMap () .put ("pStatus", "A");

    Object result = operationBinding.execute ();

    dcStatus.setValue ("A");

    } else {}

    return;

    }

    }

    Option B - the problem with this is that the value of input for status text appears in the Active form for all records in form regardless of its database.

    {} public void confirmActivation (DialogEvent dialogEvent)

    If (dialogEvent.getOutcome () == DialogEvent.Outcome.yes) {}

    -no doubt this two lines are not needed here

    DBSequence vId;

    vId = dcId.getValue ((DBSequence));

    dcStatus.setValue ("A");

    BindingContainer links = getBindings();

    OperationBinding operationBinding;

    the operationBinding = bindings.getOperationBinding("Commit") (OperationBinding);

    Object result = operationBinding.execute ();

    } else {}

    return;

    }

    }

    Here's the code from the Fragment of shape for used buttons.

    "< af:button text = 'Activate' id ="bActivate' icon="/icons/activate.png ' iconPosition = 'top '.

    partialTriggers = "Bcreer bSaveInsert bCancelInsert dDeactivate dActivate".

    Binding = "#{pageFlowScope.salespersonsForm.buttonActivate} '"

    Disabled = ' #{bindings. " Status.inputValue! {= ' n '} ">"

    < af:showPopupBehavior popupId = "pActivate" / >

    < / af:button >

    "< af:button text = 'Disable' id = 'bDeactivate' icon="/icons/deactivate.png ' iconPosition = 'top '.

    partialTriggers = "Bcreer bSaveInsert bCancelInsert dDeactivate dActivate".

    Binding = "#{pageFlowScope.salespersonsForm.buttonDeactivate} '"

    Disabled = ' #{bindings. " Status.inputValue! {= 'A'} ">"

    < af:showPopupBehavior popupId = "pDeactivate" / >

    < / af:button >

    Here's matching Popups for each of the buttons Activate and Deactivate.

    < childCreation = "deferred" autoCancel af:popup = "disabled" id = "pActivate" >

    < af:dialog id = "dActivate" type = "YesNo" title = 'Status of salespersons' closeIconVisible = 'false '.

    affirmativeTextAndAccessKey = "& amp; Yes"cancelTextAndAccessKey ="& amp; (Cancel)

    noTextAndAccessKey = "& amp; No '.

    dialogListener = "#{pageFlowScope.salespersonsForm.confirmActivation}" >

    < f: facet = 'buttonBar' name / >

    < af:outputLabel value = "Are you sure you want to enable the seller?" id = "ol1" / >

    < / af:dialog >

    < / af:popup >

    < childCreation = "deferred" autoCancel af:popup = "disabled" id = "pDeactivate" >

    < af:dialog id = "dDeactivate" type = "YesNo" title = 'Status of salespersons' closeIconVisible = 'false '.

    affirmativeTextAndAccessKey = "& amp; Yes"cancelTextAndAccessKey ="& amp; (Cancel)

    noTextAndAccessKey = "& amp; No '.

    dialogListener = "#{pageFlowScope.salespersonsForm.confirmDeactivation}" >

    < f: facet = 'buttonBar' name / >

    < af:outputLabel value = "Are you sure you want to disable the seller?" id = "ol2" / >

    < / af:dialog >

    < / af:popup >

    Thanks in advance.

    Best regards

    Arif Khadas

    If you bind components to a range of flow page bean. You must complete that it saves the State of the component longer than the life of the component.

    To change the value of the GET value of the component of the link layer and change it.

    In this way the changes are captured by the framework and you should see them.

    Timo

  • BlackBerry 10 Question on update to OS using the ADF.

    Question some time ago, I upgraded my Blackberry OS using the ADF. Everything installed properly, but I found two questions. One was could not download and install the driver from SD card (SD card is 64 GB) the second was Assistant of Blackberry does not really worked. I could type and it would work, but nothing happened when I used the voice. Is this a known issue or something I am doing wrong?

    Everything I heard, this source of Autoloaders contains intentionally paralyzed (for developer purposes) OS packages. You need a source that uses the final manufacturing code launched to build the autoloader. All that I understand, BB does NOT have any fully functional AutoLoaders with production code. It is clever users who have figured out how to create them. It's the source that I use and trust:

    Of course, you must be careful and raised up on top of what is code of production compared to the leaks before you download and use any automatic charger.

  • Access the value of text column header inside the loop forEach to a dynamic table: ADF 11 g

    JDeveloper: 11.1.2.1.0

    We have a requirement in which a dynamic array must be created. We are able to create the table. But we need the values for the dynamic to be columns the same as the name of the column.

    We have written the following code. Column header is is filled correctly. But the outputText (i.e. the column values for each row are coming as null.

    < af:forEach items = "#{backingBeanScope.backing_ReportsInterfaceBean.tableList}" var = "dynamicColumn" > "

    < af:column sortable = "false" headerText = "#{dynamicColumn}" id = "c3dwd" >

    < af:outputText value = "#{dynamicColumn}" id = "aot1" > < / af:outputText >

    < / af:column >

    < / af:forEach >

    We are stuck

    Emergency aid is much appreciated!

    Hi Ashish,

    Its a dynamic array. We had to access the column header.

    I've solved through hit and trial. If I change the bean has been prominently worn rather than extensive backup of bean, it works. I don't know what is the reason for this, but now it works.

    Thank you all.

  • Command button inside the column heading in the table of the ADF

    Hi all
    I want to insert two command buttons inside the column header of a table of the ADF.
    In my mind these buttons should replace the buttons two default (triangles) to sort the column in ascending or descending order.
    You know a solution? Because it's 2 days I'm trying, but no way.

    Thanks in advance
    Stefano

    have you tried facet the af pane header: column?

    
      
        
        
          
            
            
          
        
      
    ...
    
  • Do not want to use the CSS

    I really, really want to use CSS. I'm able to handle the HTML code and it should be good to my goal. I used it for several years, and now, all of a sudden, I can't get to the CSS.

    How can I get it to NOT USE CSS? What possibly click which allows to CSS?

    Help, please! I'm so frustrated.

    Access quick-NeedHelp says:
    > How can I to NOT USE CSS?

    Work in Code view - you get a complete control, because Dreamweaver didn't
    play.

    Otherwise, select Edition / Preferences / general and uncheck the box of
    "use CSS instead of HTML tags"

    HTH.

    Pete.
    --
    Peter Connolly
    http://www.acutecomputing.co.UK
    UK

  • Column header in the interactive report

    Is it possible to split a column heading to two lines in the interactive report?

    BECAUSE OF THE SHORTAGE

    TO

    SHORTAGE OF
    REASON

    Thank you
    John

    Published by: Jennifer on December 11, 2008 07:59

    Hi John,.

    Have you tried that?

    SHORTAGE 
    REASON

    --
    Paulo Vale
    http://Apex-notes.blogspot.com

Maybe you are looking for

  • GET stuck on the mode iPhone headphones listening

    I can't fix it. I tried to clean the plug, hard, reset, reset all settings, and restores the only thing I have not tried. I'll be very grateful if someone can help me.

  • Satellite Pro A120 - clock system is slow

    Hi all, Since a few days on my Satellite Pro A120 Windows XP system clock is slow (the data are correct).Usually I realize it after turning on the laptop, sometimes even when the operating system is woking! I tried all types of virus/malware/spyware

  • Satellite A200-2 b 7 - number of part of a DC Jack

    Hello I looked the part number for a DC Jack for a Toshiba Satellite A200-2 b 7 (PSAE6E-0HC047PT), but without success. On the old DC Jack I can not register part number. Another option to search or to know the reference number of the CC? Thank you,

  • Unknown battery indicator - 601 error

    I've had this laptop since June of this year and already I get a message saying that the storage capacity is extremely low and he says he should be replaced. the laptop works, but the battery indicator says unknown. What is the solution? P.S. If anyo

  • Firmware

    I welcome the members of the forum. I just bought the above modem/router in preparation for my imminent connection to the service via FTTN NBN. Having joined this forum I see a lot of disgruntled comments about this modem/router and one loyal comment