Differences

This shows you the differences between two versions of the page.

--- en:create:layout-inputs [07.01.2015 22:32]
alexander.ritter [Image Set Guidelines]
+++ en:create:layout-inputs [13.05.2015 10:17]
admin Disabling single inputs
@@ Line 34: / Line 34: @@
 A completed image set looks as follows (only with a transparent background and without guides and frames)
-^Image Set with Different Displays for Radio Buttons and Checkboes^Image Set with a Consistent Display for all Input Buttons^
+^Image Set with Different Displays for Radio Buttons and Checkboes^Image Set with a Standardized Display of all Input Buttons^
 |{{:de:create:exp.inputs-custom.medium.png?nolink|Image Set for Larger Input Buttons}}|{{:de:create:exp.inputs-custom.circles.png?nolink|Image Set for Circles with Crosses (non-differentiated)}}|
+===== Disable Selectively =====
+The custom modification may be disabled for single questions or inputs. To do so, the input must contain the CSS class "preventCustomInputs" or a parent HTML element must contain this class.
+For complete questions, it's sensible to use a surrounding ''<div>'' HTML element:
+<code php>
+html('<div class="preventCustomInputs">');
+question('AB01');
+html('</div>');
+</code>
+You may also place the question in the questionnaire via drag & drop and place //HTML code// elements before and after. The result is the same:
+<code html>
+<div class="preventCustomInputs">
+</code>
+<code html>
+</div>
+</code>
+To display single inputs in the browser's default layout, [[:en:create:javascript|JavaScript]] is helpful. This JavaScript code will prevent the layout modification for the input ''AB01_021'', if placed below the question.
+<code html>
+<script type="text/javascript">
+<!--
+document.getElementById("AB01_021").classList.add("preventCustomInputs");
+// -->
+</script>
+</code>