wimbuilder2/Projects/WIN10XPE/01-Components/00-Shell/main.html

<!--INIT
var patch_opt = {
  "shell.app":"explorer",
  "shell.wallpaper":"wallpaper.jpg",
  "shell.show_thisPC":true,
  "shell.taskbar.combine":"never"
}
INIT-->
<div>

<div class="box">
<p>Shell settings</p>
</div>


<style>
 #shell_tab fieldset {
    width: 22rem;
  }
</style>

<div id="shell_tab">
    <div class="tab tab0">

<!-- TAB0 START -->
<div>
<!-- TAB0 LEFT START -->
<div style="float:left;">
<fieldset>
<legend>Shell</legend>
<label><input type="radio" class="opt_item" name="shell.app" value="explorer" checked="checked" /> Explorer</label>
<label><input type="radio" class="opt_item" name="shell.app" value="winxshell" /> WinXShell</label>
<br/><br/>
<span style="float:left;">Use Theme Color</span>
<div class="onoffswitch"  style="float:right;">
    <input type="checkbox" name="shell.use_theme_color" class="onoffswitch-checkbox opt_item" id="shell.use_theme_color">
    <label class="onoffswitch-label" for="shell.use_theme_color">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>
<br/><br/>
<span style="float:left;">Use Light Theme</span>
<div class="onoffswitch"  style="float:right;">
    <input type="checkbox" name="shell.light_theme" class="onoffswitch-checkbox opt_item" id="shell.light_theme">
    <label class="onoffswitch-label" for="shell.light_theme">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>
</fieldset>

<fieldset>
<legend>Wallpaper</legend>
<input type="image" class="opt_item" name="shell.wallpaper" update="src" src="wallpaper.jpg"
   style="width:22rem;height:16.5rem;padding-top:0.25rem" onclick="select_image(this)" />
</fieldset>
</div>
<!-- TAB0 LEFT END -->

<!-- TAB0 RIGHT START -->
<div style="float:right;margin-right:20px;">
<fieldset>
<legend>Desktop</legend>
<span style="float:left;">Show This PC on Desktop</span>
<div class="onoffswitch"  style="float:right;">
    <input type="checkbox" name="shell.show_thisPC" class="onoffswitch-checkbox opt_item" id="shell.show_thisPC" checked>
    <label class="onoffswitch-label" for="shell.show_thisPC">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>
<br/>
<br/>
<span style="float:left;">Show Recycle Bin on Desktop</span>
<div class="onoffswitch"  style="float:right;">
    <input type="checkbox" name="shell.show_recyclebin" class="onoffswitch-checkbox opt_item" id="shell.show_recyclebin" checked>
    <label class="onoffswitch-label" for="shell.show_recyclebin">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>
<br/>
<br/>
<label><input type="radio" class="opt_item" name="desktop.iconsize" value="96"> Large icons</input></label><br/>
<label><input type="radio" class="opt_item" name="desktop.iconsize" value="48"> Medium icons</input></label><br/>
<label><input type="radio" class="opt_item" name="desktop.iconsize" value="32"> Small icons</input></label><br/>
</fieldset>

<fieldset style="font-size:0.8em;">
<legend>Taskbar</legend>
<label><input type="radio" class="opt_item" name="shell.taskbar.combine" value="always"> Always combine, hide labels</input></label><br/>
<label><input type="radio" class="opt_item" name="shell.taskbar.combine" value="auto"> Combine when taskbar is full</input></label><br/>
<label><input type="radio" class="opt_item" name="shell.taskbar.combine" value="never" checked> Never combine</input></label><br/>
</fieldset>

<div style="padding:5px 0px 0px 3px;">
<button class="pure-button pure-button-primary" 
  onclick="open_customdesktopitems_file()">
  <label class="edit" /> Customize Icons
</button>
<button class="pure-button pure-button-primary"
   onclick="OpenFolder($obj_project.appdata_full_path)">
   <label class="browse" />
</button>
</div>

</div>
<!-- TAB0 RIGHT END -->

</div>
<!-- TAB0 END -->
    </div>

    <div class="tab tab1">
<!-- TAB1 START -->
<div>
<fieldset>
<legend>Fix with WinXShell</legend>
<style>
#winxshell_fixitem .chklabel {
  float:left;padding-top:2px;
  height:2.4rem;
  width:20rem;
}

</style>
<div id="winxshell_fixitem">
<span class="chklabel">ShowDesktop Button</span>
<div class="onoffswitch" style="float:right;">
    <input type="checkbox" name="shell.fix.showDesktop" class="onoffswitch-checkbox opt_item" id="shell.fix.showDesktop" checked>
    <label class="onoffswitch-label" for="shell.fix.showDesktop">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

<span class="chklabel">Resolution Settings</span>
<div class="onoffswitch" style="float:right;">
    <input type="checkbox" name="shell.ui.resolution" class="onoffswitch-checkbox opt_item" id="shell.ui.resolution" checked>
    <label class="onoffswitch-label" for="shell.ui.resolution">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

<span class="chklabel">Handle ClockArea event</span>
<div class="onoffswitch" style="float:right;">
    <input type="checkbox" name="shell.clockarea.event" class="onoffswitch-checkbox opt_item" id="shell.clockarea.event" checked>
    <label class="onoffswitch-label" for="shell.clockarea.event">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

<span class="chklabel">Handle System Property</span>
<div class="onoffswitch" style="float:right;">
    <input type="checkbox" name="shell.system.property" class="onoffswitch-checkbox opt_item" id="shell.system.property" checked>
    <label class="onoffswitch-label" for="shell.system.property">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

<span class="chklabel">OpenContainingFolder</span>
<div class="onoffswitch" style="float:right;">
    <input type="checkbox" name="shell.shortcut.ocf" class="onoffswitch-checkbox opt_item" id="shell.shortcut.ocf" checked>
    <label class="onoffswitch-label" for="shell.shortcut.ocf">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

<span class="chklabel">Autohide taskbar for fullscreen application</span>
<div class="onoffswitch" style="float:right;">
    <input type="checkbox" name="shell.fix.fullscreen" class="onoffswitch-checkbox opt_item" id="shell.fix.fullscreen" checked>
    <label class="onoffswitch-label" for="shell.fix.fullscreen">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

</div>
</fieldset>
</div>
<!-- TAB1 END -->
    </div>
</div>


<script>
(function init() {
    if (!$patch_loaded) {
      $("#shell_tab").ultab({header:['Base', 'More']});
    } else {
      $("#shell_tab").ultab(true);
    }
})();

function select_image(elem) {
  var file = BrowseFile(null);
  if (file != '') elem.src = file;
}

function open_customdesktopitems_file() {
    var custom_file = $obj_project.appdata_full_path + '/_CustomDesktopItems.bat';
    if (!fso.FileExists(custom_file)) {
        var template_file = $app_root + '/' + $obj_patch.path + '/_CustomDesktopItems.bat';
        fso.CopyFile(template_file, custom_file);
    }
    open_edit(custom_file);
}
</script>
</div>