Skip to Content
author's profile photo
Former Member

Design Question


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.

Add comment
10|10000 characters needed characters exceeded

  • Follow
  • Get RSS Feed

1 Answer

  • author's profile photo
    Former Member
    Sep 29, 2005 at 10:15 AM

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

    Message was edited by: Bjorn-Erik Zinc

    Add comment
    10|10000 characters needed characters exceeded

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

      	background-image: url(../common/label/3x1_label_designbar.gif?;
      	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.