Differences

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

Link to this comparison view

Both sides previous revision Previous revision
en:create:layout-inputs [07.01.2015 22:33]
alexander.ritter [Image Set Guidelines]
en:create:layout-inputs [13.05.2015 10:17]
admin Disabling single inputs
Line 37: Line 37:
 |{{: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)}}| |{{: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>
en/create/layout-inputs.txt · Last modified: 13.05.2015 10:17 by admin
 
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki