Question Type : Time

More
4 years 9 months ago #82924 by amritdeep
amritdeep created the topic: Question Type : Time
To add a new question, is it possible to add question type (Time) (24 hours clock) just like question type (Date)

Please Log in to join the conversation.

More
4 years 9 months ago #82996 by tpartner
tpartner replied the topic: Question Type : Time
There is no such question available.

A solution may be to use a select-dropdown question.

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
4 years 9 months ago #83004 by amritdeep
amritdeep replied the topic: Question Type : Time
Under one question can i use three drop down selection box.
For e.g.
Que. What is your birth time?
Hours : (Here drop down with values 0-12)
Minutes : (Here drop down from 0-30)
Schedule: (Drop down for am-pm)

Please Log in to join the conversation.

More
4 years 9 months ago - 4 years 9 months ago #83006 by floccs
floccs replied the topic: Question Type : Time
I have made this simple workaround using jquery-ui-timepicker-addon.js.

Simply put the following code in the question field of a brief-text question (remember that you have to enable javascript in your survey)
Time question
<style>
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-widget-header { display:none; }
.ui-datepicker-current { display:none; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
</style>
 
<script src="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>
 
<script>
$(document).ready(function(){
 
$('#answer{SGQ}').timepicker({
	timeText: 'Time',
	hourText: 'hour',
	minuteText: 'minute',
	closeText: 'Done'
});
 
$('#answer{SGQ}').attr('readonly', 'readonly');
 
});
</script>
Last Edit: 4 years 9 months ago by floccs.

Please Log in to join the conversation.

More
4 years 9 months ago #83042 by amritdeep
amritdeep replied the topic: Question Type : Time
Thanks for reply.
Will you please tell me where i have to copy this code?
Please tell me the complete path....

Please Log in to join the conversation.

More
4 years 9 months ago - 4 years 9 months ago #83043 by floccs
floccs replied the topic: Question Type : Time
follow this guide and paste my code into the brief question text.
Last Edit: 4 years 9 months ago by floccs.

Please Log in to join the conversation.

More
4 years 9 months ago - 4 years 9 months ago #83046 by amritdeep
amritdeep replied the topic: Question Type : Time
Please find the attachment and tell me what i have to select from drop down of "Question type"

oxosolutions.com/sites/backup_files/limesurveyforum.png


Last Edit: 4 years 9 months ago by amritdeep.

Please Log in to join the conversation.

More
4 years 9 months ago #83052 by floccs
floccs replied the topic: Question Type : Time
Short text question

Please Log in to join the conversation.

More
4 years 9 months ago #83058 by tpartner
tpartner replied the topic: Question Type : Time
NICE solution flocs!

I would suggest putting the styles in your template.css file though - it's not really valid to put styles in the <body> element.

Can you add it to the workarounds section?

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
4 years 9 months ago #83144 by amritdeep
amritdeep replied the topic: Question Type : Time
Thanks a lot. It really works...

Please Log in to join the conversation.

More
4 years 9 months ago #83272 by floccs
floccs replied the topic: Question Type : Time
Workaround added here (style moved to the head tag through jquery)
The following user(s) said Thank You: Ben_V

Please Log in to join the conversation.

More
4 years 1 month ago #93162 by Xtale
Xtale replied the topic: Question Type : Time
Hello,

I can't get this to work.JavaScript console says: "Uncaught TypeError: Object #<Object> has no method 'prop'" ?

Please Log in to join the conversation.

More
4 years 1 month ago - 4 years 1 month ago #93181 by Xtale
Xtale replied the topic: Question Type : Time
Nevermind, got it. However, how can I extend the width of the div container?




+".ui-timepicker-div dl dt { height: 25px; width:300px; margin-bottom: -25px;
won't work :unsure:



Kind regards
Attachments:
Last Edit: 4 years 1 month ago by Xtale. Reason: typo

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now