Registration

Dear SAP Community Member,
In order to fully benefit from what the SAP Community has to offer, please register at:
http://scn.sap.com
Thank you,
The SAP Community team.
Skip to end of metadata
Go to start of metadata

Introduction

This page is to provide you with some problems related to the CRM WebUI layout as examples to show how you can troubleshoot the problems related to the layout.

Error 1: the save search is not displayed properly

After you log on the CRM WebUI, you notice on the top area of the screen the "Save Searches" is not displayed properly and it is displayed as 'Save Searches (Red x) Save Searches'.

Find the element using F12 Developer tool

On the view that has the problem, press F12 on the keyboard to start the F12 Developer tool, go to the “Dom Explorer” tab, click the button “Select Element”, move the cursor to the “Saved Searches” and click the mouse, then the developer tool will locate to the place.

AS F12 indicated, the image is taken from “/SAP/BC/BSP/SAP/ZOLY_THTML_STLS/Nova Test/images/menu_arrow_down-2.gif”. So it is a custom skin and the BSP application is ZOLY_THTML_STLS.

Check the custom BSP application

Run SE80, and open the BSP application ZOLY_THTML_STLS, open MIMEs -> Nova Test -> images, the image menu_arrow_down-2.gif does not exist.

Solution

Add this missing image in the BSP application ZOLY_THTML_STLS.

Error 2: the Work Area title will be cut off at the middle of the page if it is quite long

if the Work Area title is quite long, the title will be cut off at the middle of the page, even there is space to show more text. Here I took the account details view as an example. As shown in the screenshot, the account name is cut off and is not displayed completely.

Find the correct element using F12 Developer tool

In the account details view, press F12 on the keyboard to start the F12 Developer tool, go to the “Dom Explorer” tab, click the button “Select Element”, move the cursor to the work area title and click the mouse, then the developer tool will locate to the place

<div>

Corporate Account: First Name First Name First Name First N Last Name

</div>

To make sure this is the correct place, you can make some changes in the DOM explorer and see if it reflects on the CRM WebUI. Here I added “TEST” in front of Corporate in the DOM explorer and press Enter, then I see the “TEST” appears on the work area title also. So this is the correct place that we should look into.

The DOM Explorer shows you that there are two <td>. One is bcTitle and the other is bcNav. Click on the bcNav, on the right hand side, you will see the width is auto. Click on the bcTitle, there is no width definition.

Compare the styles in a working system

In another system, this issue does not occur. The F12 shows the width of the td bcNav is 150px.

Locate to the .css file

Run SE80, open BSP THTMLB_STYLES, Pages with Flow Logic -> sap_skins, open the file thtmlb_core_stand.css, you will see it has coding:

td#bcNav {

    vertical-align:         middle;

    width:                  auto;

    white-space:            nowrap;

}

So the issue is with this BSP application THTMLB_STYLES.

Search SAP Note

Search note with term THTMLB_STYLES and validity for the CRM system version, you will find SAP Note: 2242615 - Work Area title is truncated at the middle of the page

Solution

Implement the SAP Note 2242615

Related Content

Related Documents

Related SAP Notes/KBAs

SAP Note 2242615: Work Area title is truncated at the middle of the page
__________________________________________________________________________________________________________

Use this structure to help you compose your contributions for WIKI and at the same time will ensure spelling and grammar.

  • No labels