How to achive table column header style (vertical text)?

Hi,
Can we show adf table column headers with vertical text, and with rotation. For eg. "Dept Id" lable should show up as similar to what the below HTML does:
<html>
<div style="float: left;
position: relative;
-moz-transform: rotate(1000deg); /* FF3.5+ */
-o-transform: rotate(290deg); /* Opera 10.5 */
-webkit-transform: rotate(290deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE8 */">Dept Id</div></html>
Edited by: pramod gujjeti on Sep 18, 2011 8:51 PM
Edited by: pramod gujjeti on Sep 18, 2011 8:51 PM

Hi,
I've used the below style classes in CSS, but still not getting the accurate Column Header Vertical Text. Also, in IE browser column header text is shrinked vertically when headerClass styles are applied!
Any help appreciated!
.sch af|column::column-header-cell {
vertical-align: bottom;
padding-bottom: 10px;
height: 80px;
.schc af|column::column-header-cell-content {
-moz-transform: rotate(270deg);
/* FF3.5+ */
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
/*IE6,IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
/*IE8*/
-o-transform: rotate(270deg);
/*Opera 10.5*/
-webkit-transform: rotate(270deg);
/*Saf3.1+, Chrome*/
position: relative;
vertical-align: bottom;
Edited by: pramod gujjeti on Sep 27, 2011 9:09 AM

Similar Messages

  • How to Freeze Table/Column Header "without using additional scrollbars" ?

    hi people,
    I am hoping someone can help me here. I have a large table and would like to freeze the first row. Scrolling down the table "_*using the existing scrollbars*_" in the browser while ensuring the header rows are still visible (like Excel when you freeze panes). If you scroll to the right the header rows should stay frozen and not follow.
    I know there are other threads which talk about freezing table/column header, but my requirement is to have it "without using additional scrollbar".
    Thanks in advance,
    RAKESH

    Hi,
    there is no default key for this. You will have to code your own JavaScript for this. Also, I am not sure you want the column to be selected but a field in the column for the row you are in - correct ?
    Frank

  • How to Merge ADF Table Column Header in ADF Table ?

    Hi All,
    We need to have ADF Table Column header to be "Merged",
    e.g :
    There are two columns Header : | Qty (Case) | Qty (Pack) |,
    can we customize it to display like this :
    | ----- Qty -------|
    | Case | Pack |
    where there are two rows in column header, the first one is "Merged".
    How can we do that ?
    Thank you very much,
    xtanto

    Hi Kelly,
    Thank you for your reply,
    Using Column Faced, Header I can format the header of one column Only.
    My requirement is to Merge header of two colums :
    | ----- Qty -------|
    | Case | Pack |
    'Case' &'Pack' is two different column, so I need to add one row on the header of the two colums, then 'merge' them, and add the word '----Qty----'.
    Is it possible ?
    Thank you,
    xtanto

  • How to disable right click option re-size on table column header?

    Hi All,
    Please let us know how to disable right click option re-size on table column header.
    The issue is that when I right click on the column header, the column is selected and the context menu with options like Sort, Columns, Resize Columns, etc.. is popping. we want to disable column  re-size option.
    We are binding the table values programatically (not using Bc4J) and the Jdeveloper version is 11.1.2.2
    Thanks in advance,
    - Vignesh S.

    Hi Gawish,
    Thanks for the reply.
    This will make the particular column frozen and only work for that particular column.
    My use case is that to remove the resize columns option from the context menu or to disable the right click option.
    Making column selection as none will disable the right click option but we need column selection for sorting.
    Is there any other way to achieve this?
    Thanks in advance,
    -Vignesh S.

  • How to display the sorting arrows in the table column header

    Hi
    I am doing a sorting for some columns from the click of the table column headers, In Developer studio, we are able to view the up and down arrows, I need that also to be made visible at run time, so that the user knows that there exists sorting based on that particular column. Is there any other way of doing it ? I cant place more than one control on the header or wrap the text to two lines..also. please clarify. thanks

    I assume you are using NW 04.
    The table column header contains a IWDCaption element which may display an icon and a text. See property IWDCaption.imageSource.
    The table tutorial might also be helpful.
    Armin

  • How to fix the table column header and resize the width of a table column?

    Hi all,
    I have the following two requirements,
    1) I need to wrap the table column header into two rows. I mean the header must be displayed in two rows.
    2) I need to to able to resize the width of the column. i.e The user should be able to drag the column width according to his requirement.
    Is this possible. Any help would be appreciated!
    Regards
    Kishan

    Hi Kishan,
    Refer to these links.They may ne useful for you.
    https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/80d81237-b780-2a10-d398-cc33af6bd75c
    https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/ded11778-0801-0010-258f-ac3b9408a194
    https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/30291df2-b980-2a10-0884-839c4f7f147e
    Regards,
    Sumangala

  • WAD - Table column header vertically

    Hello Everyone,
    I’ve a requirement to display the column headings for the report output from Bottom-to-Top instead of the normal Left-to-Right. Is it possible in WAD?
    Further is it possible only to apply this to only some coulms headers in the output table display, say  from the nth Column onward ?
    Eg: For Column 1-3 normal Left-to-Right and for column 4 onwards all in Bottom-to-Top (in the Query Designer Column 4 onwards is in the 'Columns' section).
    Thanks in advance…
    War Regards
    -Me

    Hi Kishore,
    No thats not what I was saying..
    Data will all come as usual below the Column Heading, just the Text Displayed in Column heading will be Bottom to Top.
    ( U do this in MSExcel as: Format > Cells > Alignment > Orientation > 90 Degree)
    Hope u got it now.
    -Me

  • Image in table column header to the right of the text?

    Does anyone know how I can put an image on the right of the text in the table column header?
    If I do column.setGraphic it positions image on the left, how can I change the position of the image?
    For that matter how can I set alignment of the image? Like if I want it in the corner (even left corner will do) and not next to the text?
    Appreciate any help !

    You can do this with CSS (needs an external stylesheet, can't be done (easily) with an inline style).
    Something like
    .table-view .column-header-background .label {
      -fx-content-display: right ;
    }(Untested... you may need to experiment a bit.)
    The structure of the table view control from the css perspective is documented here: http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#tableview

  • JButton to simulate table column header

    is there a property on the JButton that will make it behave the same way as a table column header ? Someone showed me a property window of a swing app and they wanted to know how it was done. i suggested to juse use soem buttons, but when i looked closer it was apparent that the action of the buttons was different from what i am familiar with. the buttons moved in/out when they were clicked instead of just turning color.

    i was just playing around with it again and used an AWT button. these do the same thing that the example i saw. i wasnt aware of this difference between swing jbuttons and AWT buttons. When pressing an AWT button, it appears as if it is depressed when you click it as opposed to a swing button that just changes to a darger grey. what am i missing ?

  • How to I hide column heading completely ?

    There is a similar post on 10g - How to I hide column heading completely ?
    The solution is - To achieve this, go to Edit Table View, open Table View Properties. Here you should see an option called 'Display table and column Headings'. Here set its value to 'No column or table headings'.
    I'm on 11.1.1.5 and when I go to Edit Table view -> Table View properties -> Display Folder & Column Headings , I see four values as below but there is no value 'No column or table headings'. The values are -
    -Only column headings
    -As separate rows
    -As Folder.column
    -As Folder.column (where needed)
    Is this 'No column or table headings' value no more available in 11.1.1.5 ? Is there any alternative method to achieve this?
    I'm able to hide the column header using various ways e.g. setting Display Heading option, but when I download the results it has either the header present or an empty row. In 10g the option 'No column or table headings' removed the header completely from the download file.
    Any suggestions please?

    Anybody has any thoughts on why 'No column or table headings' option is removed from 11g or is it just 11.1.1.5?
    Is this a bug or any other feature has been provided to achieve the same?

  • ADF 10.1.3.4 - html tag in af:table column header

    Hello,
    How can I to put "&lt;br/&gt;" into af:table column header?
    I tried to put "&lt;br/&gt;" in both the headerText property of the af:column and in the VO, but it always get encoded.
    Thanks before.
    Regards,
    Rudi
    Edited by: bungrudi on Nov 24, 2008 1:50 AM -- encoding the br tag in the post, because it get rendered as is :)

    Hi,
    you can't mix and match HTML markup with JSF elements. This is only possible if the JSF component explicitly supports this (like af:formattedOutput).
    Frank

  • How to fix the column header width in BEx or WAD

    hi there!
    how to fix the column header width in BEx or WAD. because, depends on the column data, the column size varies. i want to fix the size so that i can maintain the consistency through out the report.
    thanks!
    Vam.

    Dear Vam,
    you can easily do that with css, search the source code of the executed web template for the td tag which is around your coloumn header, remember the style sheet class name it is ´displayed as class= in the td tag.
    Now you can add this code the beginning of your web template:
    </style>
    This will only work in Web.
    Regards
    Marcus

  • How to display a Column Header for the characteristic Text column

    Hi All
    Our users want me to provide for a column header for the characteristic text.
    Here is what I mean
    I am reporting 0plant in the rows as key and Text. In the column on Plant Key the column header says Plant but there is no column header for the plant text.
    Eq:
    Plant                                                        Amount
    IE00         Initiator Plant                               244
    IE01         Initiator Plant NJ                          890
    Our users in the plant text column want a dummy column header to be displayed. SInce they download the data from the BW report to Excel and use pivot reporting. How can I introduce a column header for the texts.
    Thanks
    Karen

    Hi Karen,
    I am not sure if this is possible, although Users can ask anything :).
    In Planning we used to predefine cell headings via Macros and creating dummy cells in between.  I am not sure if a similar scenario can work here.
    By default this is not possible in Reports.  In BEx workbooks, you could probably try with Macros.
    Another easy option is to bring the data in the Cube as another field or create a nav. attribute in the master for text and use it as a nav. attr. in the Cube and put it in your Query row alongside.
    -Aby

  • Dynamically changing the Advance table column Header.

    Dear All,
    I want to change dynamically the Advance table column header.
    I tried the below code and its working process request,not in process form request when button pressing.
    Please suggest me.
             OAAdvancedTableBean tableBean =
                               (OAAdvancedTableBean)webBean.findIndexedChildRecursive("advanceTableRN");
                           if (tableBean != null) {
                           System.out.println("tableBean");
                               OAColumnBean columnBean =
                                   (OAColumnBean)tableBean.findIndexedChildRecursive("column3");
                               if (columnBean != null) {
                                   System.out.println("columnBean");
                                   OASortableHeaderBean colHeaderBean =
                                       (OASortableHeaderBean)columnBean.getColumnHeader();
                                   if (colHeaderBean != null) {
                                       System.out.println("colHeaderBean");
                                       colHeaderBean.setText("Segment3");

    You can try 2 options:
    1. Try to call pageContext.forwardImmediatlytoCurrentPage();
    2. Try yo set a vo attribute to the columnbean text property and set the vo attribute programmatically. (I have not tried this but I think it should work)
    Cheers
    AJ

  • Show the presentation variable on table column header

    hi, experts,
    is it possible to show the presentation variable on the table column header.
    I have created a edit box with presentation variable on the prompt.
    I would like to show the value the user entered on the column header because the values under that column are driven by the presentation variable.
    Thank you very much!

    You cannot put variables in the column headers, as they get considered as text and the same shows in the reports.
    However, you can use the session or repository variables in the alias field in the presentation layer.
    You should make sure, that in this case, all the calculations are done in the BMM layer and not in answers, for the columns where you will be using the variables.

Maybe you are looking for