iFountain Forum is no longer in use. Support functionality is moved to iFountain Issue Tracker.
You are not allowed to post a new topic on this forum, please create a new ticket on iFountain Issue Tracker.
You need to create a new account and login to use issue tracker.
Posted October 5th, 2007 by Anonymous
How can I customize the RapidInformer banner ? I'd like to replace it with my company logo and banner image.
images are specified in the in the webapps/RapidInformer/index.css file.
for example, search for .rinf-ifountain-logo where the image is specified for the ifountain logo. You can specify a different image file for these in this file.
Actually this is not so simple. Banner is consist of three images, and logout and my profile links are constructed dynamically in javascript. Also the image sizes are used in javascript to set up the layout. If you don't want ifountain and rapidinformer images on your banner open index.jsp file in your RINF_HOME/webapps/RapidInformer directory and remove the elements which have classes "rinf-logo" and "rinf-ifountainlink". If your banner image height is different (current banner image height is 53 px) you have to edit both index.js and index.css files in the same directory. Find the following code segment in index.js file and change the initialSize property to the height of the banner image in pixels.
var layout = new YAHOO.ext.BorderLayout(document.body, {
center:{autoScroll:true},
north: {initialSize:53}
});
Then find the .rinf-header class in index.css file and edit the height property. Logout and myprofile links are positioned depending the current height of the image. You may want to edit "top" properties of the classes .rinf-logout and .rinf-myprofilelink in index.css file.
images are specified in the
images are specified in the in the webapps/RapidInformer/index.css file.
for example, search for .rinf-ifountain-logo where the image is specified for the ifountain logo. You can specify a different image file for these in this file.
Actually this is not so
Actually this is not so simple. Banner is consist of three images, and logout and my profile links are constructed dynamically in javascript. Also the image sizes are used in javascript to set up the layout. If you don't want ifountain and rapidinformer images on your banner open index.jsp file in your RINF_HOME/webapps/RapidInformer directory and remove the elements which have classes "rinf-logo" and "rinf-ifountainlink". If your banner image height is different (current banner image height is 53 px) you have to edit both index.js and index.css files in the same directory. Find the following code segment in index.js file and change the initialSize property to the height of the banner image in pixels.
var layout = new YAHOO.ext.BorderLayout(document.body, {
center:{autoScroll:true},
north: {initialSize:53}
});
Then find the .rinf-header class in index.css file and edit the height property. Logout and myprofile links are positioned depending the current height of the image. You may want to edit "top" properties of the classes .rinf-logout and .rinf-myprofilelink in index.css file.