Commit e15bdce5eb5c352c696e6945e3db531730e31b66
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
Showing
2 changed files
with
24 additions
and
6 deletions
resources/css/kt-framing.css
| @@ -2019,6 +2019,21 @@ hr { | @@ -2019,6 +2019,21 @@ hr { | ||
| 2019 | display: block; | 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 | /* -------------------------- iframe browse ------------------------ */ | 2039 | /* -------------------------- iframe browse ------------------------ */ |
templates/ktcore/configsettings.smarty
| @@ -3,14 +3,16 @@ | @@ -3,14 +3,16 @@ | ||
| 3 | function toggleSettingsDisplay(id) | 3 | function toggleSettingsDisplay(id) |
| 4 | { | 4 | { |
| 5 | var el = document.getElementById(id); | 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 | el.style.visibility = 'hidden'; | 9 | el.style.visibility = 'hidden'; |
| 10 | el.style.display = 'none'; | 10 | el.style.display = 'none'; |
| 11 | + head.className = 'collapse'; | ||
| 11 | }else{ | 12 | }else{ |
| 12 | el.style.visibility = 'visible'; | 13 | el.style.visibility = 'visible'; |
| 13 | el.style.display = 'block'; | 14 | el.style.display = 'block'; |
| 15 | + head.className = 'expand'; | ||
| 14 | } | 16 | } |
| 15 | } | 17 | } |
| 16 | {/literal} | 18 | {/literal} |
| @@ -26,10 +28,12 @@ | @@ -26,10 +28,12 @@ | ||
| 26 | {foreach from=$groupList item=groupItem} | 28 | {foreach from=$groupList item=groupItem} |
| 27 | {assign var=group value=$groupItem.name} | 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 | <span class='descriptiveText'>{$groupItem.description}</span> | 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 | <fieldset> | 37 | <fieldset> |
| 34 | 38 | ||
| 35 | {* <!-- Display the settings, render the input according to the setting type (dropdown / radio / etc) --> *} | 39 | {* <!-- Display the settings, render the input according to the setting type (dropdown / radio / etc) --> *} |
| @@ -47,13 +51,12 @@ | @@ -47,13 +51,12 @@ | ||
| 47 | 51 | ||
| 48 | </fieldset> | 52 | </fieldset> |
| 49 | </div> | 53 | </div> |
| 50 | - <br> | ||
| 51 | 54 | ||
| 52 | {/foreach} | 55 | {/foreach} |
| 53 | 56 | ||
| 54 | {/if} | 57 | {/if} |
| 55 | 58 | ||
| 56 | - | 59 | +<br><hr> |
| 57 | <input type="submit" name="AlterConfig" value="{i18n}Save Config Settings{/i18n}" /> | 60 | <input type="submit" name="AlterConfig" value="{i18n}Save Config Settings{/i18n}" /> |
| 58 | 61 | ||
| 59 | </form> | 62 | </form> |
| 60 | \ No newline at end of file | 63 | \ No newline at end of file |