Toggle menu
876
3.8K
30.2K
279.1K
Catglobe Wiki
Toggle preferences menu
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: Difference between revisions

From Catglobe Wiki
Phongha (talk | contribs)
No edit summary
Phongha (talk | contribs)
Line 28: Line 28:
quest.onInit = function()
quest.onInit = function()
{
{
   $(".grid_outer table").css({'width' : '100%'});
   $(".grid_outer table").css({'width' : '80%'});
   $(".grid_inner td table").css("width","100%");
   $(".grid_inner td table").css('width','80%');
   $(".grid_inner td table").each(function()
   $(".grid_inner td table").find("td").width("200px");
  {
      $('td:eq(0)', this).css({'width' : '300px', 'text-align' : 'right'});
      $('td:eq(3)', this).css({'width' : '280px', 'text-align' : 'left'});
  });
};
};
</source>
</source>

Revision as of 09:41, 29 June 2010

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