Documentation

This function renders a selection widget to chose an icon

Parameters

• VALUE: which icon is preselected
• SOURCE: topic that has got a set of icons attached to it, defaults to IconSet

Implementation

%STARTINCLUDE%<!-- render photo selector -->
<div class="clsIconSelector">
%ATTACHMENTS{
   topic="%IF{"defined SOURCE" then="%SOURCE%" else="Applications.ClassificationApp.IconSet"}%"
   name=".*\.(jpe?g|JPE?G|gif|GIF|png|PNG)$"
   sort="name"
   format="<div class='clsIconContainer $percntIF{\"$VALUE='$name'\" then=\"selected\"}$percnt '>
      <input type='radio' class='foswikiRadioButton clsIconInput ' id='clsIconInput$index' name='Icon' value='$name' $percntIF{\"$VALUE='$name'\" then=\" checked='checked'\"}$percnt />
      <label for='clsIconInput$index' class='foswikiLabel'>
        <img class='clsIcon $percntIF{\"'%VALUE%'='$name'\" then=\" selected orig\"}$percnt' src='$urlpath' alt='$name' title='$name' height='16px' />
      </label></div>"
}%
%CLEAR%
<input type="hidden" name="Icon" value="" />
</div>
<literal>
<script>
jQuery(function($) {
  // click handler for icons
  $("input.clsIconInput").change(function() {
    var $this = $(this);
    var $container = $this.parent();
    $(".clsIconContainer").removeClass("selected");
    $container.addClass("selected");
  });
});
</script>
</literal>
%STOPINCLUDE%

Test

Calls to 'RenderIconSelector'

• CategoryEditTemplate
• RenderCategoryFactory
• RenderCategorySettings

Copyright

© 2008-2013 Michael Daum http://michaeldaumconsulting.com

This file is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. For more details read the LICENSE.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY, to the extent permitted by law; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.