Difference between revisions of "Align min/max texts in scale grid questions"

From Catglobe Wiki
Jump to: navigation, search
(New page: ==Challenge== In order to make scale grid questions look nicer<br/> As a questionnaire creator<br/> I want to align min/max texts for all sub questions<br/> <b>Example</b><br/> BEFORE<br/...)
 
(Code)
Line 16: Line 16:
 
quest.onInit = function()
 
quest.onInit = function()
 
{
 
{
$("td:contains('Min')").width("400px");
+
$("td:contains('Min')").width("200px");
$("td:contains('Max')").width("400px");
+
$("td:contains('Max')").width("200px");
$("td:contains('Longer')").width("400px");
+
$("td:contains('Longer')").width("200px");
 
}
 
}
 
</source>
 
</source>

Revision as of 09:32, 9 March 2009

Challenge

In order to make scale grid questions look nicer
As a questionnaire creator
I want to align min/max texts for all sub questions
Example

BEFORE
Sg2.png

AFTER
SG1.png

Solution

Make the text cells have the same width

Code

quest.onInit = function()
{
	$("td:contains('Min')").width("200px");
	$("td:contains('Max')").width("200px");
	$("td:contains('Longer')").width("200px");
}