Calling a Breadcrumb image inside a Table view column

Hi
I want a sample code to call any bread crumb related image inside a table view column.
Please help with a code snippet.

I mean that, inside the iterator class of the tableView, write this code in the RENDER_CELL_START method.
method IF_HTMLB_TABLEVIEW_ITERATOR~RENDER_CELL_START.
CASE p_column_key.
    WHEN 'ICON'.
p_replacement_bee = CL_HTMLB_IMAGE=>FACTORY(       id        = p_cell_id                              src      = '@3J@' ).
    ENDCASE.
Inside the method, GET_COLUMN_DEFINITIONS you need to append a column for icon, see the code below:
APPEND INITIAL LINE TO p_column_definitions ASSIGNING <def>.
    <def>-COLUMNNAME = 'ICON'.
    <def>-TITLE      = 'Display Icon'.
For more info you can refer to weblog on HTMLB TableView Iterator by Brian.
Hope I am clear.
Regards,
Ravikiran.C

Similar Messages

Problem with images inside of table cells

I've run into a problem on this web page:
http://www.solidrocknet.org/index2.html
The the background of the table cells which contain an image
is showing
through in the form of a strip at the bottom of the cell. You
can see
this as a black strip in the cells which contain the logo
graphic,
centerpiece photo, and the photo strip and as a blue strip
under the 4
separate photos on the bottom.
These problems are appearing in Firefox. It almost looks
correct in
IE6/7 except that the blue strip appears under the bottom
photos.
Can anyone see what I am doing wrong?

The best practice is to include -
a img { border:none; }
in your CSS so that any image inside an anchor tag is
prevented from having
the border.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"K0rrupt" <[email protected]> wrote in
message
news:f5i5fc$bhp$[email protected]..
> sometimes browsers like to display a blue lines around
pictures. So as
> good practice you should add it.
>

Table view column cell Focusing while editing.

I have a table view with single column. I have defined custom cell factory for this column. When the table renders, a text value is shown for each cell in that column. When the user start editing the cells , then the contents of the cell changes and it shows 2 buttons, few check boxes and few radio buttons. Once the user selects his choice and clicks on a button inside the cell, the cell's editing is completed and cell's content is replaced with a plain text field.
Now while editing if the user clicks on any other cell, the current editing cell's cancel method is called and text field is show. However, if the user clicks mouse outside the table, the cell is still in editing state.
1) how to call the cancel editing method automatically here.
2) Also, if we try to associate with focus property, how to do it. i.e. on which component should I associate focused property since the cell now is replaced with a bunch of components.
3) If the user tries to use up or down arrow, then how to stop or start editing on the next cells.
Thanks.

Have you assigned an action to the CheckBox.onSelect event? If not, there is no server roundtrip triggered and the visibility is not updated.
I would create two context attributes "ColumnsVisible" (boolean) and calculated attribute "ColumnsVisibility" (Visibility), assign an empty action to the CheckBox.onSelect event, bind CheckBox.checked to "ColumnsVisible", TableColumn.visible to "ColumnsVisibility" and implement the calc. attribute getter as
WDVisibility getColumnsVisibility(...)
return element.getVisible() ? WDVisibility.VISIBLE : WDVisibility.NONE;
Armin

Table view column rendering

Hello -
I am using <htmlb:tableViewColumn> in <htmlb:tableView> to specify titles and columnName of the internal table.
Probelm i am getting here is :
One of the column type is material which is type of domain matnr ( character type ) . My leading zero's in material not getting rendered.
At the same time,another quantity field type NUMC getting leading zeros automatically.
I want to have leading zeros as it is in material and remove leading zeros in quantity field. any ideas?
Ex:Matnr(Char): 00613994560285 is rendering as 613994560285
and quantity(NUMC) - 1 rendering as 000001.
i want to render as it is .
Thanks
Hari

hello,
SAP internally interpret and match the type mentioned in domain of the field...
so for matnr it gets type C
and for quantity gets type P with / without decimal type....
solution of problem:
build one customize DDIC structure with type N for matnr and suitable one for quantity
create one table type with that structure...
use that table type to build an internal table to get data displayed in table view...
Thanks
Krish

Table view column headings

Hello All,
       I populated an internal table and passed it to the table view.
1, But here since I was not getting the Heading of each
   column properly i used TableviewColumn attribute of
   htmlb and manually gave the title for each column.
2, Now I'm able to get the proper headings for each of my
   column.
3, But I'm not getting the sort functionality for any of
   the columns.
   But,this functionality came before i used the
   TableviewColumn attribute.
Can anyone help me in getting the <b>SORT</b>
functionality along with my <b>Column Headings</b>.
Regards,
Deepu.K

just for managing column definition you dont need to use iterator, you can use the following method.
page attribute:
col_control_tab     TYPE     TABLEVIEWCONTROLTAB
col_wa     TYPE     TABLEVIEWCONTROL
   <%
clear col_wa .
move: 'EMP_NUMBER' to col_wa-columnname ,
'Employee Number' to col_wa-title ,
'LEFT' to col_wa-horizontalalignment ,
'X' to col_wa-edit .
append col_wa to col_control_tab .
clear col_wa .
move: 'EMP_NAME' to col_wa-columnname ,
'Employee Name' to col_wa-title ,
'LEFT' to col_wa-horizontalalignment .
append col_wa to col_control_tab .
clear col_wa .
move: 'COSTCTR' to col_wa-columnname ,
'Cost Center' to col_wa-title ,
'LEFT' to col_wa-horizontalalignment .
append col_wa to col_control_tab .
clear col_wa .
clear col_wa .
move: 'CCTR_DESC' to col_wa-columnname ,
'Description' to col_wa-title ,
'LEFT' to col_wa-horizontalalignment .
append col_wa to col_control_tab .
clear col_wa .
move: 'LOC' to col_wa-columnname ,
'Location' to col_wa-title ,
'LEFT' to col_wa-horizontalalignment .
append col_wa to col_control_tab .
      %>
      <htmlb:tableView id                  = "tv1"
                       allRowsEditable     = "TRUE"
                       design              = "STANDARD"
                      <b> columnDefinitions   = "<%= col_control_tab %>"</b>                       selectionMode       = "NONE"
                       table               = "<%= emp_tab %>"
                       width               = "100%"
                       columnHeaderVisible = "true" />
Regards
Raja

How to add round image inside the table column? with different background color, column value should appear in the middle of the round portion.

Hi
This question is related to table component implementation.
I want to display the column values inside the small round image with different colors and value should appear in the middle.

Hi,
>>1. how can i align Title(DCS Clinical Report-Technician wise) center of pdf report with image named:logo5.png immediately coming to it's right?.
2. how do i add the given below row and it's data to my top my table in pdf report from c# windows forms using itextsharp?
3.how to make my column headers in bold?<<
I’m sorry for the issue that you are hitting now.
This itextsharp is third party control, for this issue, I recommended to consult the control provider directly, I think they can give more precise troubleshooting.
http://sourceforge.net/projects/itextsharp/
Thanks for your understanding.
Regards,
Marvin
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Image in Iterator ( Table View )

Hallo Friends,
would be nice if some one let me know, if its possible to replace the text contents with image or something like that in bee replecement.
IF assigned = 'X'.
p_replacement_bee = CL_HTMLB_TEXTVIEW=>FACTORY(
id = p_cell_id
text = '@01@'
encode = 'true'
tooltip = lv_cwa
I want to put a gif or some image in text here under specific condition.
..... Many thanks,

Hi Marek,
you have to use the following coding:
DATA: icon_plane TYPE STRING.
icon_plane = CL_BSP_MIMES=>SAP_ICON( id = 'ICON_WS_PLANE' ).
p_replacement_bee = CL_HTMLB_IMAGE=>FACTORY( id = p_cell_id src = icon_plane ).
And take a look at Brains weblog: https://www.sdn.sap.com/sdn/weblogs.sdn?blog=/pub/wlg/213. [original link is broken] [original link is broken] [original link is broken] [original link is broken] [original link is broken] [original link is broken] [original link is broken] [original link is broken] [original link is broken] This is where I got this code and were you will find a lot more information regarding the iterator.
regards
Thomas
Message was edited by: Thomas Ritter

Links inside a table view for a few rows and not all

HI
I need some help wherein i have the a tableview which has some rows showing document numbers.
Now the issue is i want some rows to be acting like links and other rows to be just values .
Can this be done?

Hi,
You can achieve this by using Iterator. See the code below it should give you some idea. Here m_row_ref is the row currently rendered.
method IF_HTMLB_TABLEVIEW_ITERATOR~RENDER_CELL_START.
CASE p_column_key.
    WHEN 'LINK'.
    IF m_row_ref->link_flag = 'Y'.
      p_replacement_bee = CL_HTMLB_LINK=>FACTORY(
                                   id      = p_cell_id
                                   text    = m_row_ref->ORDER_NUM
                                   onClick = 'myEvent' ).
   ENDIF.
ENDCASE.
endmethod.

Check box in a table view column

Hi,
I want to have a check box in a table (htmlb for java) for one column. In the table header when checked should automatically check all the check boxes in that column.
Also let me know how to read the column if it is checked or not.
Promise to reward you with points. Thanking u in advance.
Subu.

Hi ,
just add the following code in your jsp page---
for (int i = 1; i <= no_of_rows ; i++){
     for (int j = 1; j <= no_of_columns ; j++){
          if(i%2!=0){
mytableView.setStyleForCell(i , j, TableCellStyle.GROUP_LEVEL2);
else{
     mytableView.setStyleForCell(i , j, TableCellStyle.GROUP_LEVEL3);
as it is obvious,this code is to set different colors in alternative rows.
myTableView is the id of TableView.
Refer this link for different colors...
http://help.sap.com/saphelp_nw2004s/helpdata/en/26/f79241e9129f09e10000000a155106/frameset.htm---
Hope this helps.
Regards,
Swarna
Message was edited by: SwarnaDeepika

Showing Icons in the table view column

I am using a tableview.
In that tableview first column, i want to display the status as icon_green_light, icon_red_light like that as an icon.
I am having these status values in my table...
when i am assigning that itab to this tableview it is showing the text icon_green_light instead of showing the icon...
please help me.

check out this weblog
/people/brian.mckellar/blog/2003/10/31/bsp-programming-htmlb-tableview-iterator

Sorting table view columns

Hi ,
In my application i want to sort specific tableview columns.When i am keeping Sort="server" .Now the hand point showing sort on every column.I wanted to restrict this to specific column.If you have information can you give how exactly sort option will work when sort by server and sort by application.
Any weblogs available on sorting of tableview columns.
Regards
Usman

Hi Usman,
you can do this either with a tableview iterator or with the extension htmlb:tableviewcolumn.
With the iterator you can change the behaviour of your columns in the method IF_HTMLB_TABLEVIEW_ITERATOR~GET_COLUMN_DEFINITIONS. The attribute P_COLUMN_DEFINITIONS is of type TABLEVIEWCONTROLTAB. With this attribute you can check "SORT" for a special column.
With the extension htmlb:tableviewcolumn you can use the attribute SORT.
Hoping this helps.
Regards,
Rainer

JEditorPane extra blank when display "image inside table"

Hi,
I try to use the JEditorPane to view the html file. Everythings work fine except
shows the following
<table border="1">
<tr><td><img src="http://somewhere/a.jpg"></td></tr>
<tr><td><img src="http://somewhere/b.jpg"></td></tr>
</table>It can shows out the image inside the table cell.
But there is an "extra blank line" follow the images. This "extra blank line" is inside the table cell.
It likes following
[image]
[image]
But it supposes to be like this
[image]
[image]
I try some sample code in web. It also shows the same problem. Any one have ideas and solutions?
Thanks a lot.
kfchu

Worked fine for me. Here is my test program:
import java.awt.*;
import java.io.*;
import javax.swing.*;
public class EditorPaneLoad extends JFrame
     public EditorPaneLoad()
          throws Exception
          FileReader reader = new FileReader("blank.html");
          JEditorPane editor = new JEditorPane();
          editor.setContentType( "text/html" );
//          editor.setEditable( false );
          editor.read(reader, null);
          JScrollPane scrollPane = new JScrollPane( editor );
          scrollPane.setPreferredSize( new Dimension(300, 200) );
          getContentPane().add( scrollPane );
     public static void main(String[] args)
          throws Exception
          EditorPaneLoad frame = new EditorPaneLoad();
          frame.setDefaultCloseOperation( EXIT_ON_CLOSE );
          frame.pack();
          frame.setLocationRelativeTo( null );
          frame.setVisible(true);
}

Show colored circles for a field inside table view

HI
I need to show Colored circles based on some conditions for a field (priority) inside a table view. HOw do i implement this solution.
PLease help

Hi,
You have two possibilities:
1. HTMLB charting
See http://www.sapdesignguild.org/resources/ma_guidelines_3/LAYOUT/chart_types.html for more info
2. IGS charting. See this weblog for info
/people/thomas.jung3/blog/2004/08/31/bsp-150-a-developer146s-journal-part-x--igs-charting
You will be certainly interested in this web log
/people/thomas.jung3/blog/2005/09/08/igs-charting-altering-the-customizing-xml-at-runtime
I don't know if you can combine stuff in a tableview.
See also chart graphics
http://help.sap.com/saphelp_nw04/helpdata/en/9b/d9883672d57c73e10000009b38f889/frameset.htm
Alternatively, you can try out the canvas tag in new browsers like Firefox. See /people/eddy.declercq/blog/2005/12/09/blank-canvas
for this
Eddy

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)

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).

Calling a Breadcrumb image inside a Table view column

Similar Messages

Maybe you are looking for