Styling textbox in Questionnaire - Revision history

Wikicatglobe at 04:44, 18 October 2013

2013-10-18T04:44:27Z

← Older revision		Revision as of 04:44, 18 October 2013
Line 1:		Line 1:
	<accesscontrol>~~Administrators,,Cem,,Maysunshine~~</accesscontrol>		<accesscontrol>Main:MyGroup</accesscontrol>
	Currently we don't have specified class for text box in all question types. Now we only use the parent class contain the text box you want to change and then add "input" or "textarea" after it to make a new class.		Currently we don't have specified class for text box in all question types. Now we only use the parent class contain the text box you want to change and then add "input" or "textarea" after it to make a new class.

Cg_pham at 09:32, 4 October 2011

2011-10-04T09:32:02Z

← Older revision		Revision as of 09:32, 4 October 2011
Line 1:		Line 1:
			<accesscontrol>Administrators,,Cem,,Maysunshine</accesscontrol>
	Currently we don't have specified class for text box in all question types. Now we only use the parent class contain the text box you want to change and then add "input" or "textarea" after it to make a new class.		Currently we don't have specified class for text box in all question types. Now we only use the parent class contain the text box you want to change and then add "input" or "textarea" after it to make a new class.

Catglobe: Styling textbox in Questionnaire

2009-09-16T11:05:39Z

Styling textbox in Questionnaire

New page

Currently we don't have specified class for text box in all question types. Now we only use the parent class contain the text box you want to change and then add "input" or "textarea" after it to make a new class.

Example for Open answer in Single / Multi question:
<source lang = css>
.answer_option_cell input{ height:40px;}
</source>

This way is inconvenient a little bit because if we add this class to questionnaire layout stylesheet, it will take effect on all text boxes using the same class.
So if you want to change style of text box in only that question, you can put new class in the stylesheet section in questionnaire editor or use jQuery.

Here some images for you to see relationship between class and text box so you can add more class to edit it.

===Textgrid===
<source lang = css>
.grid_inner input { height:30px;}
</source>
[[Image:Textgrid.png]]

===Single/Multi open answer===
<source lang = css>
.answer_option_cell input { height:40px;}
</source>
[[Image:Single_openanswer.png]]

===Number or text question===
<source lang = css>
.question_content input { height:30px;}
</source>
[[Image:Number.png]]

===Open questions===
<source lang = css>
.question_outer textarea { height:200px;}
</source>
[[Image:Open.png]]

[[category:Technical guidelines]]

----