Skip to Content

How- to Left allign field labels in SAP CRM WEBUI

Going from this to this without code changes

/wp-content/uploads/2012/03/1_85177.jpg/wp-content/uploads/2012/03/2_85178.jpg

Disclaimer, implementing this is completely at your own risk, I do not accept any responsibility, so you should try this out first in a sandbox or development environment!

For general intro to skin adjustment and for details on how to prepare Target BSP etc. read document : http://scn.sap.com/docs/DOC-5194 How-to Copy and adjust skins in SAP CRM 7.0

1.       Access Skins workbench in the IMG (CRMC_SKIN_WB)

2.       Open the file thtmlb_core_stand.css (display)

3.       Search for <thtmlb:label> tag

4.       Change: Section  

o    text-align:             right;

To                                

o    text-align:             left;

/wp-content/uploads/2012/03/3_85180.jpg

5.       Save the file locally on our desktop and save as thtmlb_core_stand.css (you should under no circumstances change the original thtmlb_core_stand.css document!) always do a copy!

Note: if you have difficulties with this, Select all and then save this in a new document!

6.       Copy the desired skin Example Default

/wp-content/uploads/2012/03/4_85181.jpg

7.       If required  Rename Skin folder

/wp-content/uploads/2012/03/5_85183.jpg

8.       Go to the new Skin you just created and open op the folder.

9.       Insert the file you save on your laptop( thtmlb_core_stand.css) like this:

/wp-content/uploads/2012/03/6_85184.jpg

Description thtmlb_core_stand.css

/wp-content/uploads/2012/03/7_85185.jpg

Save and exit

10.    Go to the IMG step: Define Skins

Create a New Skin (like this) very important: Set version to: 1.0.1 1.0.1 (uses own THTmlb_core_stand.css)

–          Note you can copy an old one and adjust.

/wp-content/uploads/2012/03/8_85186.jpg

11.    Go to the skin you  just created and Select.

Give it a description : Left Allignment

/SAP/BC/BSP/Z_THTMLB_STYLES/Left allignment/

Version: 1.0.1 1.0.1 (uses own THTmlb_core_stand.css) – If this is not set, then it will not work!

Save and log on to the WebUI and choose you new skin in personalisation.

/wp-content/uploads/2012/03/9_85187.jpg

Disclaimer, implementing this is completely at your own risk, I do not accept any responsibility, so you should try this out first in a sandbox or development environment!

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply