Skip to Content
0
Former Member
May 08, 2008 at 01:23 AM

How to change the Font of Tableview in BSP?

236 Views

Hi All.

Does anyone know how to change the font of a Tableview in BSP?

I want to use the Font Arial.

If I attach "cssParts = prle_ie5.css" then the font changs to Times New Roman (even though this is not mentioned in the file).

I have attached the bsp contents below:

<%@page language="abap"%>

<%@extension name="htmlb" prefix="htmlb"%>

<%@extension name="bsp" prefix="bsp"%>

<htmlb:content design = "design2003"

themeRoot = "/sap/bc/bsp/sap/zportal_catsldg/"

controlRendering = "SAP" >

<htmlb:document>

<htmlb:documentHead/>

<htmlb:documentBody>

<htmlb:group id = "grp_Main" >

<htmlb:groupHeader></htmlb:groupHeader>

<htmlb:groupBody>

<htmlb:gridLayout rowSize = "8"

columnSize = "5"

cellSpacing = "10" >

<%-- Payroll Number --%>

<htmlb:gridLayoutCell rowIndex = "1"

columnIndex = "1"

colSpan = "5" >

<bsp:findAndReplace find = "urTxtStd"

replace = "urIAGTxtLgeGrey">

<htmlb:textView id = "tv_Main"

text = "Welcome to SAP CATS"

align = "LEFT"

layout = "PARAGRAPH"

wrapping = "true" />

</bsp:findAndReplace>

</htmlb:gridLayoutCell>

<%-- Payroll Number --%>

<htmlb:gridLayoutCell rowIndex = "2"

columnIndex = "1" >

<htmlb:label id = "lb_1"

for = "tv_1"

design = "header2"

text = "Payroll Number:" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "2"

columnIndex = "3" >

<htmlb:textView id = "tv_1"

text = "<%= pernrs %>" />

</htmlb:gridLayoutCell>

<%-- Employee Name --%>

<htmlb:gridLayoutCell rowIndex = "3"

columnIndex = "1" >

<htmlb:label id = "lb_2"

for = "tv_2"

text = "Employee Name:" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "3"

columnIndex = "3" >

<htmlb:textView id = "tv_2"

text = "<%= ename %>" />

</htmlb:gridLayoutCell>

<%-- Manager Details --%>

<htmlb:gridLayoutCell rowIndex = "4"

columnIndex = "1" >

<htmlb:label id = "lb_3"

for = "tv_3"

text = "Manager:" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "4"

columnIndex = "3" >

<htmlb:textView id = "tv_3"

text = "<%= mgrprs %>" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "4"

columnIndex = "5" >

<htmlb:textView id = "tv_4"

text = "<%= mgrnm %>" />

</htmlb:gridLayoutCell>

<%-- Cost Centre Details --%>

<htmlb:gridLayoutCell rowIndex = "5"

columnIndex = "1" >

<htmlb:label id = "lb_4"

for = "tv_5"

text = "Cost Centre:" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "5"

columnIndex = "3" >

<htmlb:textView id = "tv_6"

text = "<%= kostls %>" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "5"

columnIndex = "5" >

<htmlb:textView id = "tv_7"

text = "<%= kostld %>" />

</htmlb:gridLayoutCell>

<%-- Org Unit Details --%>

<htmlb:gridLayoutCell rowIndex = "6"

columnIndex = "1" >

<htmlb:label id = "lb_5"

for = "tv_8"

text = "Org. Unit:" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "6"

columnIndex = "3" >

<htmlb:textView id = "tv_8"

text = "<%= orgeh %>" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "6"

columnIndex = "5" >

<htmlb:textView id = "tv_9"

text = "<%= orgehd %>" />

</htmlb:gridLayoutCell>

<%-- Postion Details --%>

<htmlb:gridLayoutCell rowIndex = "7"

columnIndex = "1" >

<htmlb:label id = "lb_6"

for = "tv_10"

text = "Position:" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "7"

columnIndex = "3" >

<htmlb:textView id = "tv_10"

text = "<%= plans %>" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "7"

columnIndex = "5" >

<htmlb:textView id = "tv_11"

text = "<%= plansd %>" />

</htmlb:gridLayoutCell>

<%-- Location Details --%>

<htmlb:gridLayoutCell rowIndex = "8"

columnIndex = "1" >

<htmlb:label id = "lb_7"

for = "tv_12"

text = "Location:" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "8"

columnIndex = "3" >

<htmlb:textView id = "tv_12"

text = "<%= locat %>" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell rowIndex = "8"

columnIndex = "5" >

<htmlb:textView id = "tv_13"

text = "<%= locatd %>" />

</htmlb:gridLayoutCell>

</htmlb:gridLayout>

</htmlb:groupBody>

</htmlb:group>

</htmlb:documentBody>

</htmlb:document>

</htmlb:content>

I'll award points for any useful info.

Thanks

Kind Regards

Rajdeep Kumar