GSoC/GCI Archive
Google Code-in 2010 LimeSurvey

Code: Modify the LimeSurvey user interface to make use of jQuery tabs

completed by: Kshitij

mentors: andrie, Carsten Schmitz

1. Problem Description

Traditionally, LimeSurvey made use of HTML to control tabbed behaviour. We are slowly migrating the interface to make of jQuery tabs. Your task is to modify certain three input masks to use jQuery tabs.

You can use the code in the "Translate Survey" functionality (translate.php) as an example.

You can pick any three of the following screens:

  • Edit label sets
  • Edit survey settings
  • Edit survey text elements
  • Set assessment rules
  • Edit question group
  • Edit question

 

2. Task Steps

  1. Install the dev branch of LimeSurvey
  2. Identify the lines of code that need to be modified in the php code
  3. Edit the JavaScript code page and add the call to the jQuery tabs library. If the page doesn't have call JavaScript, create the .js file and add a line of php code to include the .js file.
  4. Code the usability change and create a patch
  5. Discuss the patch with your mentor
  6. Check-in your changes into the limesurvey svn trunk.

 

3. Overview

Time Frame: 72 hours

Skills: CSS, HTML, PHP, JavaScript, jQuery

Difficulty: Medium

Mentor: andrie, c_schmitz