Table of Contents
Taking RADIUSdesk out of RADIUSdesk
- We are encouraged by the ever increasing user base of RADIUSdesk.
- Some of the users approached us and asked how ethical it is to remove the traces of RADIUSdesk branding and replace it with their own.
- Others have simply went ahead and did it any way.
- RADIUSdesk is Open Source and with this comes the power to chop and change the code as well as the look and feel of the software.
- We feel quite honoured when this happens and decided to make this dedicated page so show you what you need to do in order to dress RADIUSdesk up in a way that you like it best.
Things to do when changing the look and feel
Wallpapers
- The wallpapers of the webtop lives under /usr/share/nginx/html/rd/resources/images/wallpapers.
- The default one displaying on the page before a person logs in is 7.jpg.
- You can simply replace these images with those of your own.
- Remember the following when replacing the wallpapers:
- Preferably landscape like images so they can scale well.
- Small size so they can download fast on slower connections
Logo
- There is a logo file which lives under /usr/share/nginx/html/rd/rasources/images which you can replace with your own.
- When you replace this logo with one of a different size, you might need to do some CSS adjustments in order to place the logo where you want to.
- Edit the /usr/share/nginx/html/rd/resources/css/main.css file and look for the /*– Logo –*/ parts to do the adjustments.
- There are also some default logos which is still RADIUSdesk under various sub folders under the /usr/share/nginx/html/cake2/rd_cake/webroot/img folder. Also replace those with your default folder.
- The logo also has a link to the RADIUSdesk project page. You can replace that link with one to your website by editing the /usr/share/nginx/html/rd/index.html file.
- Try this out if you need to remove a background from your logo
http://acedar.blogspot.com/2008/01/gimp-tutorial-removing-white.html
Page Title
- Modify the /usr/share/nginx/html/idnex.html page's title item to reflect the title you want to give to RADIUSdesk.
ExtJs Theme
- We can use the ExtJs theme we created for our Dynamic Login Pages also in RADIUSdesk.
- Simply copy the folders inside the /usr/share/nginx/html/rd_login_pages/desktop/CoovaChilli/packages/ folder to /usr/share/nginx/html/rd/packages folder.
- Modify the /usr/share/nginx/html/rd/bootstrap.css file to rather include one of these themes.
- Simple isn't it?
Icons
- The icons are in one central place and one colour which makes it easy to change using the convert command that is part of the Imagemagick suite.
- Icons live under the /usr/share/nginx/html/rd/resources/images/48×48 folder.
- Here we paint all our blue icons red:
for file in *.png; do convert $file -fuzz 40% -fill '#cd3722' -opaque '#1681bf' $file; done
Gradient
- Each applet features a gradient in the title banner. This gradient can be found under /usr/share/nginx/html/rd/resources/images/gradients
- You also might want to change this gradient to reflect your theme.
About us window
- On the login page of RADIUSdesk is a About us style pop-up.
- You can edit the contents of this pop-up be changing the following file: /usr/share/nginx/html/rd/app/view/login/pnlAboutMenu.js.
- Remember that the me.title = i18n('sAbout_RADIUSdesk') can simply be replaced by text e.g. me.title ='About my super app'.