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.


Author: sercanbilgic

Current: Eproseed Position: Bigdata Senior Architect Past: Oracle Position: Engineered Systems Architect(Exadata,Exalogic,SuperCluster,Big Data Appliance) Past: Vodafone Position: Middleware Infrastructure Operations Senior Specialist Past: Accenture Position: Senior Developer/Programmer

One 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