Modify a Table View Header

I need to modify the header of a tableview and I've tried this:
.table-view {
    -fx-background-color: rgb(70,70,70);
    -fx-text-fill: white;
    -fx-border-style: solid;
    -fx-border-color: transparent;
/*    -fx-border-insets: 0 1 1 0, 0 0 0 0;*/
    -fx-border-width: 0.083333em, 0.083333em;
.table-view .column-header{
    -fx-border-style: solid;
    -fx-border-color: rgb(130, 130, 130);
    -fx-border-radius: 5px;
    -fx-background-radius: 5px;
    -fx-border-insets: 0 1 1 0, 0 0 0 0;
    -fx-border-width: 0.083333em, 0.083333em;
.table-view .column-header .label{
    -fx-font-size: 12px;
    -fx-text-fill: white;
.table-view .column-header-background {
    -fx-background-radius: 5px;
    -fx-font-family: "Calibri";
    -fx-background-color: rgb(50,50,50);
}However, I can not edit any table header but only the headers of each column.
Sorry for the English and grammatical errors. I am Spanish speaking
I put an image to make it more clear
http://img823.imageshack.us/img823/49/tableexample.png
Edited by: biochemistry43 on 30-oct-2012 13:17

It is there in the CSS documentation, though it's not really very easy to pick out. See http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#tableview and look at the section called "Substructure".
I'm not claiming that I get everything I need to know from the CSS docs, though. I often need to look at the default stylesheet, caspian.css, which you can extract from the jfxrt.jar file (it's at com/sun/javafx/scene/control/skin/caspian/caspian.css).
Edited by: James_D on Nov 5, 2012 6:10 AM (fixed path for caspian.css)

Similar Messages

How to color a table view header's text via css

I have managed to change font-name, background and text alignment of my table view header, but the text-fill line is just ignored! What's the correct way to do this?
Example:
.table-view .column-header, .table-view .filler {
-fx-text-fill: white;
-fx-font-family: "Helvetica";
-fx-font-size: 10px;
-fx-font-weight: bold;
-fx-size: 25;
-fx-border-style: solid;
-fx-border-insets: 0 1 1 0, 0 0 0 0;
-fx-border-width: 0.083333em, 0.083333em;
I also added:
.table-view.column-header.label{
-fx-text-fill: white;
Wich was recommended on a site, but didn't work either..

I think you need
.table-view .column-header .label{
-fx-text-fill: white;
}(with spaces between the class selectors).

Read & Modify the table view data

Dear Experts,
CRM 7.0
I've added few extra custom fields to the table view through Workbench enhancment as AET does not work for my object type. Now, I would like to read the current table entries and accordingly i should fill the other columns. I am not sure how can I proceed. Please advise me asap.
Many thanks in advance.

Hi,
Yes I guess you can do it in DO_PREPARE_OUTPUT.
Use below code to read values from table:
DATA:      lv_wrapper         TYPE REF TO cl_bsp_wd_collection_wrapper,
        lr_entity          TYPE REF TO cl_crm_bol_entity,
     lv_attribute         type string,
     LV_ATTRIBUTE_VALUE type string
TRY.
      lv_wrapper = me->typed_context->ZCONTEXTNODENAME->get_collection_wrapper( ). " Here you will get all values from table into lv_wrapper
      CHECK lv_wrapper IS BOUND.
      lr_entity ?= lv_wrapper->get_first( ). " Loop at table
      WHILE lr_entity IS BOUND.
        lv_attribute ?= lr_entity->get_property_as_string( 'ATTRIBUTE NAME' ). " TO read perticular attribute
*OR as per your requirement you can change the value. Here you can write your logic...
     lr_entity->set_property_as_string( iv_attr_name = 'ATTRIBUTE NAME' iv_value = LV_ATTRIBUTE_VALUE ). " Change attribute property
      lr_entity ?= lv_wrapper->get_next( ).
     ENDWHILE.
    CATCH cx_root.
      RETURN.
ENDTRY.
Please let me know if it helps.
Regards,
Bhushan

Modifying Table View

Hello All,
The requirement is to modify an existing BSP application, I need to modify a table view being displayed in a view in the response of a search operation, the requirement is to make the table view read only for some role, for others it should remain the same (it has some editable columns).
So, I need some help as how to make the whole table view read-only or some columns read only, I tried to change the view by modifying it as follows:
            <htmlb:tableViewColumn columnName          = "qty"
                                   horizontalAlignment = "right"
                                   title                              = "Quantity"
                                   edit                             = "true"
                                   type                            = "input"
                                   unitColumnKey       = "unit">
            </htmlb:tableViewColumn>
First I tried to change the edit parameter as edit = "false" it did not work then I removed both parameters for edit & type altogather but still it did not have any effect, this field is still showing as editable with some asteric '*' in red color with it in the result view. So, I'll appriciate if anyone can help as where and how to control this field behvior?
Regards,
Edited by: Athar Ullah Khan on Nov 21, 2011 12:24 PM

Hello All,
I am closing this thread as I have found out the solution by modifying the code in the iterator. Sometimes we skip things when we are in a hurry ))
Regards,
Athar

Updating a view after modifying a table...

Hello,
Here is the scenario.
I have a a table in HANA with 50+ columns of data. I have created both Attribute and Analytical views of that data. These views have been activated and deployed. Now I need to modify my table to add two new columns that I will want to included in my existing Attribute and Analytical views. How can I accomplish this? It seems that when I modify my table, the views in HANA studio do not have the ability to be updated. It seems I have to re-create my voews from scratch to now include my two new columns. Hopefully I am missing something simple.
Thanks in advance!

Hi Matt, no way you need to recreate your views after a DDL change on the underlying tables.
When the table structure changes, you usually need to close any information view editors on the model in question and then reopen the model for editing after the change, but otherwise should be fine. I have done this many times.
What revision are you working on? Can you give the exact sequence of steps?
Regards,
Justin

How to split header text in table view to 2 lines?

Hello,
I have a table view that has many fields. There are fields with long header text.
Is it possible to split the text and have it on 2 lines?
Foe exsamle: instead of 'ORDER NUMBER' ---> ORDER
NUMBER
Thanks,
Sara

Hello Sara,
You can do that using line feed.
Implement the following code.
data: lv_constant type string value 'CRM ORDER'.
data: lv_constant1 type string.
data: lv_constant1 type string.
split lv_constant at ' ' into lv_constant1 lv_constant2.
CLASS cl_abap_char_utilities DEFINITION LOAD.
lv_linefeed = CL_ABAP_CHAR_UTILITIES=>CR_LF.
clear lv_constant.
concatenate lv_constant1 lv_linefeed lv_constant2 into lv_constant.
I hope this works.
Thanks
Vishal

Table view modify

Hai guys,
I want to modify the table values in tableview.But my modify operation not working.Could u guys help me.
Layout
<htmlb:tableView id = "tv1"
headerVisible = "true"
footerVisible = "false"
design = "ALTERNATING"
visibleRowCount = "5"
onRowSelection = "MyEventRowSelection"
selectionMode = "LINEEDIT"
table = "<%= itab %>" >
</htmlb:tableView>
<htmlb:button id = "button1"
design = "emphasized"
text = "Update"
onClick = "myClickHandler"
/>
oninput processing
DATA: tv TYPE REF TO CL_HTMLB_TABLEVIEW,
ind type i,
wa type yprojects.
DATA: event TYPE REF TO CL_HTMLB_EVENT.
event = CL_HTMLB_MANAGER=>get_event( runtime->server->request ).
IF event->name = 'button1' AND event->event_type = 'click'.
DATA: button_event TYPE REF TO CL_HTMLB_EVENT_BUTTON.
button_event ?= event.
tv ?= CL_HTMLB_MANAGER=>GET_DATA(
request = runtime->server->request
name = 'tableView'
id = 'tv2' ).
IF tv IS NOT INITIAL.
DATA: tv_data TYPE REF TO CL_HTMLB_EVENT_TABLEVIEW.
tv_data = tv->data.
ind = tv_data->selectedrowindex.
IF ind IS NOT INITIAL.
READ TABLE itab INDEX ind into wa.
modify yprojects from wa .
endif.
ENDIF.
ENDIF.

Hi,
The below code updates the internal table from the table view when ever the user changes the data in table view and presses update button. And the below code should be written in onInputprocesing event,
DATA: TABLE_EVENT TYPE REF TO CL_HTMLB_EVENT_TABLEVIEW,
TABLE TYPE REF TO CL_HTMLB_TABLEVIEW .
TABLE ?= CL_HTMLB_MANAGER=>GET_DATA( REQUEST = REQUEST
NAME = 'tableView'
ID = 'tview' ).
TABLE_EVENT ?= TABLE->DATA.
DATA: EVT TYPE REF TO IF_HTMLB_DATA.
EVT = CL_HTMLB_MANAGER=>GET_EVENT_EX( REQUEST ).
IF EVT IS NOT INITIAL AND EVT->EVENT_NAME = 'button' AND
EVT->EVENT_TYPE = 'click'.
DATA: COLUMNNAME TYPE STRING .
DATA: COLNO TYPE C.
DATA: ROWNO TYPE C .
DATA : CELL_VALUE TYPE STRING.
DATA : VAR_TV TYPE STRING.
VAR_TV = 'tview'.
ROWNO = '1'.
LOOP AT IT_TAB INTO WA_TAB.
COLNO = '1' .
DO 2 TIMES .
CLEAR COLUMNNAME .
CONCATENATE VAR_TV '_' ROWNO '_' COLNO INTO COLUMNNAME .
CELL_VALUE = REQUEST->GET_FORM_FIELD( NAME = COLUMNNAME ).
IF CELL_VALUE IS NOT INITIAL.
WA_TAB6-NAME = CELL_VALUE.
WA_TAB6-LASTNAME = WA_TAB-LASTNAME.
MODIFY IT_TAB FROM WA_TAB6.
CLEAR CELL_VALUE.
ENDIF.
COLNO = COLNO + 1.
ENDDO .
ROWNO = ROWNO + 1.
ENDLOOP.
ENDIF.
Regards,
Azaz Ali.

How to not display the column header in the table view?

I do not want to display the column header in the table view, how can I achieve it?

If you're using JavaFX 8 you can use the following in an external style sheet:
.table-view .column-header-background {
-fx-pref-height : 0 ;
If you're using JavaFX 2.2, the -fx-pref-height attribute is not available in css, so I think you have to resort to a lookup:
final Region tableHeader = (Region)table.lookup(".column-header-background");
tableHeader.setPrefHeight(0);
As always, I feel obliged to point out that I don't really like lookups. Sometimes they seem to be the only way, though.

Modify an existing view of a table

Hi everyone,
I had 2 ztransactions : the first one similar to SM30 (let's call it Z1) for viewing and modifying a table, and another ztransaction( let's call it Z2) for viewing the content of that table (displayed as an ALV).
I have added to zones in my ztable and regenerated the maintenance generator in SE11; result :
I get the 2 newly added columns through the first transaction (the Z1)
but with regards to the second ztransaction(Z2), those 2 new columns are nowhere to be seen.
I checked in se93 for that Z2 transaction and in the frame called "default values" there is indeed no transaction (first field )but a screen number (second field) and a zname in the "From module pool" (third field of SE93), could anyone tell me what that name corresponds to ? does that help for me to get the 2 added zones in my second ztransaction Z2 ?
Many thanks for your help and tips !
C.K.

Hi,
     The program name in 'From Module pool ' is the one which is created while generating table maintenance.
     Its better to give SE16 in 'Transaction' box for Z2 transaction and remove those screen name and program name.
     Even the fields are changed and table maintenance generator is regenerated those values will be reflected in Z2 transaction.
Regards,
Sravanthi

Lock rows and columns header in a table view report. It is possible?

hi,
I have a Dashboard that displays a report in "Table View" with many rows and columns.
Is it possible to set a lock on the rows and columns like Excel?
This would have blocked such headers that contain attributes and measures and to browse the report (eg with a scroll bar) had always viewed the headers.
Can you help me?
Thanks

hi,
please go through this discussion
Re: SCROLL BAR to FREZZ HEADERS
thanks,
saichand.v

Hide data in a table view

Hi,
I need to hide data in a table..Only column headers required to display.. I tried by (display column headers only) in view..It is showing only column header in the view ..But when iam displaying the table in dashboard it displays data also..another approach i took is to hide data from column properties ...Custom css display:none.. it is working fine..But the thing is it will not display data in other views also.I need to hide data only in table view..any helps will be appreciated.. Thank you

Hi Aswin,
Try this....
Take columns twice and first set which is use in table view (use display:none)
and second set use in pivot table and exclude first set columns........
Cheers,
Aravind

Table view in EHP1 CRM 7.0

How to create a table view in ehp1 CRM.
Is it the same way by creating a view and adding value node /model node then selecting view as table view with congigurable mode?

Hi Anita,
As per your requirement, AET table enhancement will be best suited to it.
Use the help.sap.com link i gave in earlier reply to know more about AET table enhancements.
Now to get on to this task ,
1) Use transaction AXTSYS and create an entry for Z component, give a name say ZAET_TBLEXT.
and Save. The AET Table extension, then will use this component by default( if you select the radio button there) to create the views. Remember, just give any name you desire for the component. You dont need to create this componenet. AET extension wizard will create the component automatically.
2) Open the overview page on which you would like to have the tableview as an assignment block. Since its a compititor info, i assume you want to place it on a BP/Account/Prospect. Competitor Overview Page or Opportunity Overview Page. Now chose the config button and once the Assignment blocks are highlighted, select the Header View( Compititor header or Opportunity header view depending on the overview page you are in) and config tool will open. Use the Display Enhancement button or create enhancement button and another popup will open which display the enhancements if any,
3) On this Pop up you will see the AET table extensions assignment block. Use the Add table button. Follow the wizard and create the table, mention fields, translations etc. Also mention it as 1:n relation and so the table view. Chose the Standard buttons so you get all action buttons as well as inser, editlist, delete buttons etc.
Once done, save and generate. This creates the view and also adds the component usage on overviewpage.
Now all you need to do is just configure the overviewpag to pull the new tableview assignment block from Available to Displayed blocks.
Note :
1) this creates a Ztable , name same as mentioned/defaulted while AET table enahncement
2) this create Z BOL entity with 1:n relation with Access Entity of OverviewPage , for example, BuilHeader if account overview page or BTAdminH if Opportunity overview page.
3) creates BOL strucutre, handler class etc on its own.
4) You do not need to do any coding,
Thus in half an hour, you are done with Table view enhancement with Z table based entities.
Before EhP1, we had to extend the BT/BP model with ZBOL and had to do a lot of thigs on our own. Almost 2 days job for an advance developer which is reduced to 15-20 minutes with zero coding required.
If you have a sandbox or IDES system, i would recommand you to try it there frst, get confident and then do development on your development system.
Remember ->
1) AET Enhancement tool has to be started from WEB UI - which is generally runs on Customizing client, but creating AET table and enhancements is Workbench task. So if your customizing client is locked for workbench developments, then You must run the WEBUI on your workbench client ( use transaction wui ). It does not make any difference as far as development is concerned because your development its pure Workbench activity. later, you configure the Overview Page to pull the AET table view on your customizing client.
2) Be confident and have well determined about the table design & about your table view design like the fields you need etc. because once you add the fields and mention the field type like Numeric, indicator,text etc, you can not change it later once the Tableview is generated. You can add more fields later and you can delete fields too but you can not change their type later.
All the best.
Thanks & Regards
Suchiita
Edited by: Suchita Phulkar on Jul 30, 2011 12:16 AM

How to SELECT ALL records of a TABLE VIEW in the BSP page

Hi All,
In the BSP portal, I am displaying some data(multple records) in the form of a table using the BSP TAG <htmlb:tableView>. I wrote the logic in the 'VIEW' of the BSP application which will be triggered by the controller. I have used the attribute selectionMode = "MULTISELECT" to have a Check Box to select a row.
My requirement is to have a button/checkbox on the first column of the header of the table view. By clicking on this, it should select/desect all the records of the table. Could someone please help me how to do this? What attribute I should use in the tableview to get the button in the header row of the table and how to select all the records of the table.?
Please provide your valuable inputs.
Thanks & Regards,
Paddu.

Select all / Deselect all functionality when onRowSelection is there

Query and update a table/view

What is the best & fastest way to do this?
1) Put up a query input region for users to enter parameters.
2) Run a query on a table/view using those parameters.
3) Allow the output in (2) to be modified by user (multiple rows at a time) and then Submit the updates back to update th table/view
I can do (1) and (2) easily. How can I do (3)?
Thanks

Make a report on the table. Go to the definition of
the report column and change the "Display As" type to
text field or select list or whcih ever is
applicable. Write a process on submit to insert these
values back to the table. You will have control over
which columns the user can modify.Thats a good idea and I was able to start on it. But how can my after submit process tell which rows to modify? i.e. what will my after submit process look like?
for rec in (....)
loop
update my_table set
end loop;
Help? Thanks

Update a table view field calling a service

Hi all,
is there a way in a table view to calculate the value of a field calling a data service, using as calling arguments other fields from the same row?
For example I have line items of a sales order in a table view. In one field the user enters the quantity in the desired unit of measure. I would like to have the quantity transformed in KGs in the same row.
Is this possible?
Points will be awarded for usefull suggestions.
Regards,
Panos

Make a report on the table. Go to the definition of
the report column and change the "Display As" type to
text field or select list or whcih ever is
applicable. Write a process on submit to insert these
values back to the table. You will have control over
which columns the user can modify.Thats a good idea and I was able to start on it. But how can my after submit process tell which rows to modify? i.e. what will my after submit process look like?
for rec in (....)
loop
update my_table set
end loop;
Help? Thanks

Modify a Table View Header

Similar Messages

Maybe you are looking for