Print   Help   
Gold star Gold star Gold star Gold star Gold star (Average rating is 5.0 from 3 ratings.)
513 visits    14 comments
222. Here is how to change the color scheme of Kablink
Peter Hurley (Novell)
Jul 23, 2009 10:12 AM
Modified By Peter Hurley (Novell)
Jul 23, 2009 10:12 AM
Kablink Component
  • Teaming

There is a fairly simple way to change the color scheme. There is a call out from jsp/common/view_css.jsp that includes a customizable jsp that can be used to overwrite the default CSS styles used in Kablink.

I have attached a sample file (ss_call_out_css_init.jsp) that redefines the many of the common colors used in Kablink. Copy this file to "webapps/ssf/WEB-INF/jsp/custom_jsps" in your installation. You do not need to restart the server. The changes will take effect immediately.

The colors I used are just an example. They are various shades of gray. I made no effort to make this look particularly good. If you make some nice color schemes that others can use, feel free to add them to this entry.

Workflow
Process State Action
Discussion workflow Active
Attachments:  

ss_call_out_css_init.jsp Jul 23, 2009 10:12 AM 3 KB Peter Hurley (Novell)

Replies
Thumbnail Image

Barney Barnes
Jul 24, 2009 6:03 PM
222.1. Re: Here is how to change the color scheme of Kablink

hi peter

this is great. i wish i had this over the past few months of testing, but not to worry this sorts out the theme issue for now, though

on a basic level it does the job!!

 

many thanks

 

barneyb

Attachments:  
Thumbnail Image

Marcel Dekker
Jul 26, 2009 11:05 AM
Modified By
Marcel Dekker
Jul 26, 2009 11:54 AM
222.2. Antw: Here is how to change the color scheme of Kablink

Hi All,

great to find this feature. I'm in the process of putting everything I changed on our install in the file from Peter. So I will post this shortly on this site together with a custom color scheme from the Personal Preferences menu (which is now removed but still used). It's now some 40% ready, but it will take me another couple of days to finish. I will explain everything in the file.

In order to change all the colors used in Kablink you'll need to edit the file css_theme_defaultblue.jsp quite a bit as well, so I will post that file also.

I think this will be a good start to create some documentation on creating custom color schemes for Kablink. I hope we can extend this later with information on how to change the standard layout as well.

If anyone wants to help out let me know.

Marcel

Attachments:  
Thumbnail Image

Peter Hurley (Novell)
Jul 30, 2009 8:23 AM
222.3. Re: Here is how to change the color scheme of Kablink

Has anyone made a new gradient png file to replace the greenish gradient in the masthead area? If so, post it for everyone else to use.

Attachments:  
Thumbnail Image

Barney Barnes
Aug 7, 2009 8:44 AM
222.4. Re: Here is how to change the color scheme of Kablink

hi peter

i have tried this solution on the kablink system and all works great, but when i apply it to my novell t2 install nothing appears to change.

any suggestions?

 

thanks in advance

 

barneyb :-)

Attachments:  
Thumbnail Image

Peter Hurley (Novell)
Aug 10, 2009 7:31 AM
222.4.1. Re: Re: Here is how to change the color scheme of Kablink

This should work fine on Novell Teaming V2. Make sure you put the custom jsp in the right directory.

Attachments:  
Thumbnail Image

Dirk Beemelmanns
Aug 12, 2009 6:02 AM
222.5. some colors to work with

here are some colors you can play with.

use gradient with 800px width / 1px height

Attachments:  

masthead_bg_black.png Aug 12, 2009 6:02 AM 1 KB Dirk Beemelmanns

masthead_bg_blue.png Aug 12, 2009 6:02 AM 1 KB Dirk Beemelmanns

masthead_bg_grey.png Aug 12, 2009 6:02 AM 1 KB Dirk Beemelmanns

masthead_bg_orange.png Aug 12, 2009 6:02 AM 1 KB Dirk Beemelmanns

Thumbnail Image

Lynn Douglas Christensen
Aug 14, 2009 12:34 PM
222.6. Re: Here is how to change the color scheme of Kablink

Hi Brent,

can I customize the CSS for the KaBlink site using this method?

Attachments:  
Thumbnail Image

Brent McConnell
Aug 14, 2009 3:31 PM
222.6.1. Re: Re: Here is how to change the color scheme of Kablink

Sure, do you have some ideas?

Attachments:  
Thumbnail Image

Lynn Douglas Christensen
Aug 15, 2009 12:53 PM
222.6.1.1. Re: Re: Re: Here is how to change the color scheme of Kablink

Yes, mostly I'm seeing layout issues that can be fixed without effecting content. Do I have access to the file system to add this CSS.jsp?

Attachments:  
Thumbnail Image

Brent McConnell
Aug 16, 2009 10:26 AM
222.6.1.1.1. Re: Re: Re: Re: Here is how to change the color scheme of Kablink

No, if you make the changes and send them to me or post them here I can add them.

Attachments:  
Thumbnail Image

Lynn Douglas Christensen
Aug 17, 2009 1:38 PM
222.7. Re: Here is how to change the color scheme of Kablink

Sending every little change to you would be very inefficient. Some of the changes will be experiments to make sure they don't effect content. I'll try setting up my own Teaming server to apply the changes and then we can deliver them through the regular releases.

Attachments:  
Thumbnail Image

Brent McConnell
Aug 17, 2009 4:01 PM
222.7.1. Re: Re: Here is how to change the color scheme of Kablink

I'm always open to changes and experiments but do consider that this is a production system so I need to have some level of control and review before changing things.

Attachments:  
Thumbnail Image

Marcel Dekker
Dec 21, 2009 5:18 AM
222.8. Antw: Here is how to change the color scheme of Kablink

I have made changes to our Kablink site with the file mentioned by Peter, but when using images as a background for tables on some pages the images cannot be found. This is because on some places in the system the url's used to open pages is constructed a bit different then normal and the path I placed in the file to the image isn't right on those pages. I'm using a path like ../ssf/a/path_to_image_folder. Using the variable <html:rootPath/> in this file doesn't seem to work. This happens when you open an entry from a discussions folder as a new page (so not display as overlay or popup).

Another thing is all the code to make it look the right way in Internet Explorer. That code will give an portletException on the system.

Attachments:  
Thumbnail Image

Marcel Dekker
Dec 22, 2009 11:16 AM
222.9. Antw: Here is how to change the color scheme of Kablink

Hi, I've just finished my redesign/color scheme changes, so I thought I'd share this with everybody on the Kablink site. In the attached zip file are all the files I changed and some pictures I used to change the colors. From the attached png file you can see what we made of it. This works for Kablink 2 and 2.1 Beta. From what I've seen from the Durango release this is offcourse outdated pretty soon, but for now it gives you a good idea what en where to change I think.

The zip file contains the file structure under the ssf directory of your Kablink install and contains the files that had to be edited along with the WEB-INF/jsp/custom_jsps/ss_call_out_css_init.jsp. Some things didn't work from this file, so that's why I changed some of the standard jsps. It also contains the icons I used on our site. I'm not sure that you can use them commercialy, so use at your own risk.

 

 

Attachments:  

screenshot.png Dec 22, 2009 11:16 AM 92 KB Marcel Dekker

ssf.zip Dec 22, 2009 11:16 AM 75 KB Marcel Dekker

Add/Delete Tags
Personal Tags
--none--
Add
Community Tags
--none--
Close
Skip Footer Toolbar