Adding Logout button in Application Bar

There is a requirement as client asked us to add a Log out button directly in application bar instead of going to File-> Log out. Also it should be an image instead of button.
I have followed the following steps to achieve this requirement.


  • First you need to add the custom image to the <SIEBEL_ROOT>PUBLIC\< language_folder>\IMAGES folder. Image I used is ‘LogOut_New.png’
  • Find the Container Web Page for the application you want to add the button. As I am using eCommunication, It is “CC Container Page”.
  • Navigate to Webpage in object explorer,choose “CC Container Page” and click “WebPage Item” child object Type.
  • Create a new Webpage Item with below properties:
    • Name : LogoutButton
    • Type : ImageButton
    • Caption-String Override : <img src=”images/LogOut_New.png” alt=”logout” height=”24″ width=”24″ border=”0″ align=”absmiddle”>
    • Method Invoked : Logoff
    • Item Identifier : 14

Compile Changes and launch application. you will see the log-out button on top right corner of the application as shown in below image.

1 thought on “Adding Logout button in Application Bar

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s