Design Question

[Former Member]

Hi,

I would like to remove the "box"/"strip"/"separator" (unfortunately, I do not know the technical name of it!) that is automatically added to the left of labels, tabstrips and so.

In Web Dynpro I can achieve this by changing the design of a specific ui-control from "standard" to "light".

How can I remove the "box"/"strip" in bsp?

Just for clarification, I'm using phtmlb in my bsp application, which implies that I must use DESIGN2002 and/or DESIGN2003.

Any help is greatly appreciated.

Thanks in advance.

[Former Member]

The technical name is "Design bar" - does anyone know how to remove it?

Message was edited by: Bjorn-Erik Zinc

[maximilian_schaufler]

You would have to alter the CSS style in order to achieve that.

Read this weblog for a start:

<a href="/people/sap.user72/blog/2005/04/12/bsphowto-css-hints--custom-design-for-your-bsp-applications: CSS Hints - Custom Design for your BSP Applications</a>

Look for the classes in the style file that correspond to your elements, for example "urlbl*" for the label element.

.urlblstd{
	background-image: url(../common/label/3x1_label_designbar.gif?6.0.12.0.0);
	background-position: top left;
	background-repeat: repeat-y;
	color: #000000;
	font-size: 0.7em;
	height: 10px;
	padding: 0 4px 0 7px;
}

There you can see that a small image is used as background, and combined with the padding it gives the design bar you want to remove.