This shows you the differences between two versions of the page.
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> |