Peter M. Groen / knowledgetree

Commit e15bdce5eb5c352c696e6945e3db531730e31b66

Authored by Megan Watson
1 parent 4c59373a

KTS-3628 

"Add expand/collapse on each config group"
Fixed. Added new css classes.

Committed by: Megan Watson
Reviewed by: Kevin Fourie



git-svn-id: https://kt-dms.svn.sourceforge.net/svnroot/kt-dms/trunk@9192 c91229c3-7414-0410-bfa2-8a42b809f60b
Inline Side-by-side
Showing 2 changed files with 24 additions and 6 deletions
resources/css/kt-framing.css
  View file @e15bdce
... ... @@ -2019,6 +2019,21 @@ hr {
2019 2019 display: block;
2020 2020 }
2021 2021  
  2022 +.collapse
  2023 +{
  2024 + padding-left: 20px;
  2025 + border: 0px;
  2026 + background: url(../graphics/plus.gif) no-repeat;
  2027 +}
  2028 +
  2029 +
  2030 +.expand
  2031 +{
  2032 + padding-left: 20px;
  2033 + border: 0px;
  2034 + background: url(../graphics/minus.gif) no-repeat;
  2035 +}
  2036 +
2022 2037  
2023 2038  
2024 2039 /* -------------------------- iframe browse ------------------------ */
... ...
templates/ktcore/configsettings.smarty
  View file @e15bdce
... ... @@ -3,14 +3,16 @@
3 3 function toggleSettingsDisplay(id)
4 4 {
5 5 var el = document.getElementById(id);
6   - var visible = el.style.visibility;
  6 + var head = document.getElementById(id+'_head');
7 7  
8   - if(visible == 'visible'){
  8 + if(el.style.visibility == 'visible'){
9 9 el.style.visibility = 'hidden';
10 10 el.style.display = 'none';
  11 + head.className = 'collapse';
11 12 }else{
12 13 el.style.visibility = 'visible';
13 14 el.style.display = 'block';
  15 + head.className = 'expand';
14 16 }
15 17 }
16 18 {/literal}
... ... @@ -26,10 +28,12 @@
26 28 {foreach from=$groupList item=groupItem}
27 29 {assign var=group value=$groupItem.name}
28 30  
29   - <h3><span onclick='javascript: toggleSettingsDisplay("{$groupItem.id}");' style='cursor: hand;'>{$group}</span></h3>
  31 + <h4 style='margin-top: 20px;'><span class="expand" id='{$groupItem.id}_head' onclick='javascript: toggleSettingsDisplay("{$groupItem.id}");' style='cursor: pointer;'>
  32 + {$group}
  33 + </span></h3>
30 34 <span class='descriptiveText'>{$groupItem.description}</span>
31 35  
32   - <div id='{$groupItem.id}' style='visibility: visible'>
  36 + <div id='{$groupItem.id}' style='visibility: visible;'>
33 37 <fieldset>
34 38  
35 39 {* <!-- Display the settings, render the input according to the setting type (dropdown / radio / etc) --> *}
... ... @@ -47,13 +51,12 @@
47 51  
48 52 </fieldset>
49 53 </div>
50   - <br>
51 54  
52 55 {/foreach}
53 56  
54 57 {/if}
55 58  
56   -
  59 +<br><hr>
57 60 <input type="submit" name="AlterConfig" value="{i18n}Save Config Settings{/i18n}" />
58 61  
59 62 </form>
60 63 \ No newline at end of file
... ...