Wednesday 24 April 2019

Favourites Windows in Siebel : Siebel Open UI Enhancement

Hello All, 

We have Recent record functionality in Siebel which is quite useful in navigation to recently accessed records.

Keeping the functionality as base and referring my Previous post on bookmarks, i have tried to implement a similar functionality, "My Favorites" 

In this functionality 

  • User can Mark a record as Favourite using the Button Add Favourite, You can give you Own Name to the favourites or it will take the Name with Entity + Row Id by Default 

  • The Added Favourite will appear in a floating window on the left corner of the screen

  • Clicking on the link will navigate the user to the detail of the record

  • There is no restriction of View/BO/Visibility i.e. if i am in Service View i can be navigated to any view
  • User can remove the Added link by clicking the X icon to keet the list updated 


  • This is based on Pure JavaScript, So lightweight
  • No Siebel BC/BO instance required
  • Works on 3rd Level View Tabs also i.e works on Parent-Child-Grandchild hierarchy as well
  • The List is stored in browser local storage so no Siebel data base is instantiated 
  • You can give you Own Name to the favorites or it will take the Name with Entity + Row Id by Default 

Short coming

N/A, As of now :-) 

Key Component of code 

get the exact URl formed when a record is navigated

  •  k = window.location.href;   

Appending to list each time Add favourite is clicked
  • $('#favorite-links').append('<li><a href="'+k+'">'+finaltext+'</a><button class="removebtn">x</button></li>');

Storing the List to local Storage of browser

  • localStorage.setItem('vk-links', $('#favorite-links').html());

Link to File 

1 comment:

  1. ul li {
    margin: 0;

    h2 show-hide {
    color: red;

    #container {
    border-radius: 10px;
    border: 2px solid;
    height: -webkit-fill-available;
    background: #fff;

    #header {
    background: #ccc;
    border-radius: 10px

    #content {
    padding: 5px 10px 1px 20px

    removebtn {
    background: none;
    color: #999;

    ul li {
    margin: 0;

    #favorite-links li {
    border-bottom: 1px solid #ccc

    #favorite-links a {
    color: #333;


Siebel GoTo View - Handling Realtime cases

 Hello All,  We all must have used GoTo view functionality of siebel to navigate to a particular view from current view. What if the require...