RADIUSdesk WiFi Hotspot Manager and GUI for FreeRADIUS
MESHdesk Streamlined Mesh Controller

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
  • 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'.