Themes

In this demo, you can explore the themes by using the drop-down list.

Javascript

//"MyBookmarks1" is the id of the div element that will contain the app's content.
var ID = "MyBookmarks1";
//The path to the directory containing the Bookmark API files
var APIPath = " /Bookmark/";
//The path to theme related directory that contains the image files
var imagePath = "/mybookmarks/content/themes/dodger_blue/images/18px/";
//Gets the relative path of the current page
var relativeURL = window.location.pathname;
var bookmarkLogin = "/account/login?ReturnUrl=" + encodeURIComponent(relativeURL);
var options = {
DefaultSortBy: "Date Added",
DefaultSortMode: "ascending",
HeaderText: "Bookmarks",
ExcludeTitleText: [{type: "Ends with", text: " - My Bookmarks"}],
SignInRequired: function(){ window.location.href = bookmarkLogin},
//Bookmark API URLs
BookmarksListURL: APIPath + "BookmarksListURL",
CreateBookmarkURL: APIPath + "CreateBookmark",
DeleteBookmarkURL: APIPath + "DeleteBookmark",
UpdateVisitsURL: APIPath + "UpdateVisits",
//Images
AddBookmarkImage: imagePath + "addbookmark.png",
SortAscendingImage: imagePath + "sortascending.png",
SortDescendingImage: imagePath + "sortdescending.png",
DeleteBookmarkImage: imagePath + "deletebookmark-20.png",
ToggleDeleteImage: imagePath + "toggledelete.png"
};
var mybookmarks = new MyBookmarks(ID, options);
mybookmarks.Initialize();