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
Features
- 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
ul li {
ReplyDeletemargin: 0;
list-style:none;
}
h2 show-hide {
color: red;
}
#container {
overflow:inherit;
border-radius: 10px;
border: 2px solid;
height: -webkit-fill-available;
margin:0px;
width:auto;
position:relative;
background: #fff;
float:left
}
#header {
background: #ccc;
padding:5px;
border-radius: 10px
}
#content {
padding: 5px 10px 1px 20px
}
removebtn {
border:none;
background: none;
color: #999;
float:right
}
ul li {
margin: 0;
list-style:none
}
#favorite-links li {
padding:10px;
border-bottom: 1px solid #ccc
}
#favorite-links a {
color: #333;
text-decoration:none
}