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] (current)
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