How- to Left allign field labels in SAP CRM WEBUI

Going from this to this without code changes

1.jpg2.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;

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

4.jpg

7.       If required  Rename Skin folder

5.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:

6.jpg

Description thtmlb_core_stand.css

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

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

9.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!

 

Actions

Filter Blog