Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
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) 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)}}| |{{: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