Note: You are currently viewing documentation for Moodle 1.9. Up-to-date documentation for the latest stable version is available here: Left-align quiz.

Left-align quiz: Difference between revisions

From MoodleDocs
(categories)
(category change, formatting)
Line 1: Line 1:
== Quiz Questions and Answers ==
Questions and answers are right-aligned in the quiz module. This layout is currently hard-coded in the php files.


=== Introduction ===
To display quiz questions and answers '''left-aligned''', add the following CSS properties to the CSS file ''styles_layout.css'' of your theme into the section ''*** Modules:Quiz''.
In the quiz module questions and answers are right aligned. This layout is hard coded in the php files.
 
=== Task ===
Display the questions and answers left aligned.
 
=== Solution ===
A) Change the php files as proposed by Harry Smith in the Moodle forum in the discussion "[http://moodle.org/mod/forum/discuss.php?d=30573#150195| Changing Quiz Appearance]"
 
or
 
B) Add the following CSS properties to the CSS file "styles_layout.css" of your theme <br /> into the section " *** Modules:Quizz".


<pre>
<pre>
.mod-quiz .generalbox .generalboxcontent {
.mod-quiz .generalbox .generalboxcontent {
   text-align:left !important
   text-align:left !important
Line 27: Line 15:
   float:left
   float:left
}
}
</pre>


</pre>
==See also==


--[[User:UrsHunkler|UrsHunkler]] 10 November 2005 11:18 (WST)
* [http://moodle.org/mod/forum/discuss.php?d=30573#150195| Changing Quiz Appearance] forum discussion


[[Category:Administrator]]
[[Category:Administrator]]
[[Category:Developer]]
[[Category:Developer]]
[[Category:ThemeScrapbook]]
[[Category:Themes]]

Revision as of 18:38, 4 December 2005

Questions and answers are right-aligned in the quiz module. This layout is currently hard-coded in the php files.

To display quiz questions and answers left-aligned, add the following CSS properties to the CSS file styles_layout.css of your theme into the section *** Modules:Quiz.

.mod-quiz .generalbox .generalboxcontent {
  text-align:left !important
}
.mod-quiz .generalboxcontent table[align=right],
.mod-quiz .generalboxcontent p[align=right] {
  float:left
}
* html .mod-quiz .generalboxcontent table,
* html .mod-quiz .generalboxcontent p {
  float:left
}

See also