This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionLast revisionBoth sides next revision | ||
en:create:layout-inputs [07.01.2015 22:22] – [Custom Input Buttons] alexander.ritter | en:create:layout-inputs [13.05.2015 10:17] – Disabling single inputs admin | ||
---|---|---|---|
Line 16: | Line 16: | ||
===== Image Set Guidelines ===== | ===== Image Set Guidelines ===== | ||
- | * All images | + | * All images |
- | * The necessary | + | * The necessary |
- | * The image is put to the top left in every grid cell. How many grid cells are displayed is determined in the //side length// | + | * The image is put to the top left in every cell. The number of grid cells displayed is determined in the //side length// |
| | ||
^ Radio button\\ | ^ Radio button\\ | ||
Line 27: | Line 27: | ||
| not selected\\ mouse over | not selected\\ mouse over | not\\ used | | | not selected\\ mouse over | not selected\\ mouse over | not\\ used | | ||
| selected\\ mouse over | | selected\\ mouse over | ||
- | | not selected\\ | + | | not selected\\ |
- | | selected\\ | + | | selected\\ |
- | A completed image set looks as follows (only with a transparent background and without | + | A completed image set looks as follows (only with a transparent background and without |
- | ^Image Set with Different Displays for Simple Selection | + | ^Image Set with Different Displays for Radio Buttons |
|{{: | |{{: | ||
+ | |||
+ | ===== Disable Selectively ===== | ||
+ | |||
+ | The custom modification may be disabled for single questions or inputs. To do so, the input must contain the CSS class " | ||
+ | |||
+ | For complete questions, it's sensible to use a surrounding ''< | ||
+ | |||
+ | <code php> | ||
+ | html('< | ||
+ | question(' | ||
+ | html('</ | ||
+ | </ | ||
+ | |||
+ | 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=" | ||
+ | </ | ||
+ | |||
+ | <code html> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | To display single inputs in the browser' | ||
+ | |||
+ | <code html> | ||
+ | <script type=" | ||
+ | <!-- | ||
+ | document.getElementById(" | ||
+ | // --> | ||
+ | </ | ||
+ | </ |