About us

Aptigence is the registered business of Jason Cleeland, a Melbourne based freelance web developer.

Jason made his name developing the successful online survey tool LimeSurvey, and has since built a reputation for creating highly functional productivity tools for business and personal use.

Aptigence can help you with your LimeSurvey installations, personalised modifications as well as with using the web to enhance your businesses productivity.

jcleeland[at]aptigence.com.au

follow jason on twitter
jasebo

SurveyCentre




SurveyCentre is an online survey hosting service managed by Aptigence.

If you want to host an online survey but don't want to worry about setting up a website, and all the hassle involved in managing an online survey tool, visit SurveyCentre.org and find out more...

Jason on Twitter

Outside Sites

These are sites that are related to Aptigence, or just that I like!
LimeSurvey
Fix Work Cover Campaign
Comedy @ Trades
SurveyCentre
Cleeland.org
LifeHacker

Sections



All categories

Syndicate Aptigence
     [home]    [downloads]    [services]    [archives]    [surveycentre]   
< Advanced Question Creation in LimeSurvey - Embedding Videos | Adding the "Source" button to the basic WYSIWYG editor >

Monday, January 4. 2010

Modifying LimeSurvey Templates from 1.53 to 1.87

Just about every new version of LimeSurvey brings improvements to the templating system, which is great. But that often means having to make changes to your old templates if you are upgrading.

In this article I look at the minimum template modifications required to upgrade a template from version 1.53 to 1.8 or higher. In the gap between these particular versions some significant and important improvements were made to LimeSurvey templating, specifically by seperating the styles and javascript from the core template files into seperate css and js files. (Something that was long overdue).
Modifying Templates to
transition from V 1.53 to V 1.87


  • Go to template editor, select the template to view the “Question Page” screen


  • Edit the startpage.pstpl, and add the following lines to the header, directly below the “” tag

    <!-- The following line includes template.css and if an RTL-language is used template-rtl.css -->
    {TEMPLATECSS}
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_6.css" />
    <![endif]-->
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_7.css" />
    <![endif]-->
    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="{TEMPLATEURL}ie_fix_8.css" />
    <![endif]-->
    <!-- The following CSS hides visual elements of the progress bar from screen readers. -->
    <style type="text/css" media="aural tty">
    progress-graph .zero, progress-graph .graph, progress-graph .cent { display: none; }
    </style>
    <script type="text/javascript" src="{TEMPLATEURL}template.js"></script>
    <link rel="shortcut icon" href="{TEMPLATEURL}favicon.ico" />


  • Cut template specific CSS from the startpage.pstpl file, save startpage.pstpl

  • Open template.css and paste your template specific CSS at the end of the template.css file

    (Steps 1, 2, 3 and 4 fix the progress bar issue, as well as set the system up properly for using the new external css and js scripts)


  • Change the edit page to view the question.pstpl file, and add the following line at the very beginning of the file:

    <div {QUESTION_ESSENTIALS} class="{QUESTION_CLASS}{QUESTION_MAN_CLASS}{QUESTION_INPUT_ERROR_CLASS}">


    Then close the div by adding

    </div>


    at the end of the question.pstpl file.


  • Edit the template.css file and add
    td.questiontext ul {
    list-style:none;
    font-weight: normal;
    }

    to it

  • Edit the question.pstpl file and ensure that the {ANSWER} is in a div or span using the “questiontext” class. (ie: if it is inside a td, add “class=’questiontext’” to the td. Otherwise, at least surround the {ANSWER} with

    (Steps 5, 6 and 7 fix the bullet points that appear next to answer options in in the older templates)



Posted by Jason Cleeland in LimeSurvey at 10:16 | Comments (0) | Trackbacks (0)

Comments
Display comments as (Linear | Threaded)

No comments

Add Comment

Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA