Course element : Soluce

Back to index

The element "Soluce" is a text (teacher formatted) that will be visually styled to give student elements of solution to a previously proposed task or work. The solution element can be set up to display or not to display at page load time. This is NOT a conditional feature, but only will not show the given tuips immediately to incitate learner to provide the required effort before getting help.

Settings form

Default Template

  <table class="custombox-soluce" cellspacing="0" width="100%">
  <tr valign="middle">
     <td class="custombox-header-thumb soluce" width="2%" rowspan="2">
     </td>
     <td class="custombox-header-caption soluce" width="98%">
         Soluce...
     </td>
     <td class="custombox-header-collapser soluce" align="right" width="2%">
         <a href="javascript:togglecustom('<%%customid%%>')"><img id="customctl<%%customid%%>" src="<%%initialcontrolimage%%>" /></a>
     </td>
  </tr>
  <tr>
     <td colspan="2">
        <table id="custom<%%customid%%>" cellspacing="0" width="100%">
          <tr>
             <td class="custombox-content soluce" colspan="2">
                <%%soluce%%>
             </td>
          </tr>
     </table>
     </td>
  </tr>
  </table>
  <script type="text/javascript">
  setupcustom("<%%customid%%>", "<%%initiallyvisible%%>");
  </script>

CSS Element list

.custombox-soluce(TABLE) : Overal container

.custombox-header-thumb.soluce(TD) : Left Icon container

.custombox-header-caption.soluce(TD) : Right caption container

.custombox-header-collapser.soluce(TD) : Collapsing button container

.custombox-content.soluce(TD) : Message container