Toggle menu
862
3.8K
30.2K
279.1K
Catglobe Wiki
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Align min/max texts in scale grid questions

From Catglobe Wiki
Revision as of 09:41, 29 June 2010 by Phongha (talk | contribs) (→‎Code)

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

AFTER

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");
}

Second Solution

If the question doesn't contain subquestion text and the text cells have the same width

Code

quest.onInit = function()
{
   $(".grid_outer table").css({'width' : '80%'});
   $(".grid_inner td table").css('width','80%');
   $(".grid_inner td table").find("td").width("200px");
};