<html xmlns= http://www.w3.org/1999/xhtml >
<head>
<title>App Launcher settings</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<link href="css/settings.css" rel="stylesheet" type="text/css" />
<script src="js/shared.js" type="text/javascript"></script>
<script src="js/settings.js" type="text/javascript"></script>
<script src="js/dom-drag.js" type="text/javascript"></script>
</head>
<body>
<div id="menu">
<ul class="menu">
<li onClick="menuA();return false;" id="menu1">Add/Remove</li>
<li onClick="menuB();return false;" id="menu2">Layout</li>
<li onClick="menuC();return false;" id="menu3">Links</li>
<li onClick="menuD();return false;" id="menu4">Misc</li>
<li onClick="menuE();return false;" id="menu5">Info</li>
</ul>
<div class="fill"></div>
</div>
<div id="reorder">
<div id="iViewList" ondragenter="event.returnValue = false" ondragover="event.returnValue = false" ondrop="fileDragDropped()">
<table id="linksHeadings" cellspacing="0" cellpadding="0" border="0"><tr>
<td style="width:80px;"> </td><td style="font-size:8pt;width:110px;"><b>Links</b></td><td><b style="font-size:8pt;">Arguments</b></td>
</tr></table>
<table id="iItemTbl" cellpadding="0" cellspacing="0" border="0">
</table>
</div>
<div id="dragDrpTxt">
You can drag/drop to this box.
</div>
<div id="idNoShortcutList" style="display:none" ondragenter="event.returnValue = false" ondragover="event.returnValue = false" ondrop="fileDragDropped()">
<h3>You're list is empty.</h3>
</div>
<div id="warning" style="font-weight:bold;">Add any object by dragging it to the list.</div>
<span style="text-align:center;width:100%;">
<button title="This will remove all the objects you have checked in the panel above." class="btn" id="L_REMOVE" onClick="delLinks();return false;" onFocus="blur();">Remove</button>
<button title="This will allow you to change the icon of any SINGLE object you have checked above. To change the Recycle Bin icons click the Layout tab." class="btn" id="L_CHANGE" onClick="changeIco();return false;" onFocus="blur();">Icon</button>
<button title="This will reset any checked objects to their original icons." class="btn" id="L_RESET" onClick="resetIco();return false;" onFocus="blur();">Fix icon</button>
<button title="This will open a dialogue to add arguments/switches to pass to the application." class="btn" id="L_ARG" onClick="addArguments();return false;" onFocus="blur();" style="width:65px;">Arg</button>
</span>
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<div id="addDivs" style="display:block;font-size:0.9em;padding-top:0px;">
<table width="100%"><tr><td width="33%" align="center">
<button title="Click here to add a divider to the launcher. Use as many as you like to help organize the layout." class="btn" id="L_DIV" onClick="addDivide();return false;" onFocus="blur();" style="width:80px;">Add Divider</button>
</td><td width="33%" align="center">
<button title="Click here to rearange the selected profile." class="btn" id="L_DRAGIT" onClick="createDrag();return false;" onFocus="blur();" style="width:80px;">Drag</button>
</td><td align="center">
<button title="Click here to change the selected profile." class="btn" id="L_PROSELECT" onClick="profiles.style.display='';return false;" onFocus="blur();" style="width:80px;">Profiles</button>
</td></tr></table>
</div>
<div id="commands" style="display:none;font-size:0.9em;">
<b class="noWrap">Add commands to pass to <span id="appName"></span>:</b>
<input type="text" class="inputFld" value="" id="commandInput" />
<table><tr height="50px"><td width="150px" style="font-size:8pt;">
Add arguments/switches above then click set. To remove them clear the box then click set.
</td><td>
<button title="This will add the command switches to be executed with the program." class="btn" id="L_SETARG" onClick="setArg();return false;" onFocus="blur();">Set</button>
<button title="This will clear the box and cancel this action." class="btn" id="L_CARG" onClick="cancelSetArg();return false;" onFocus="blur();">Cancel</button>
</td></table>
</div>
<div id="profiles" style="display:none;font-size:0.9em;text-align:center;">
<b>Create different profiles to use:</b>
<br />
<button title="This will change the profile used." class="btn" id="L_PRO1" onClick="pro1();return false;" onFocus="blur();" style="margin-top:3px;">Profile 1</button>
<button title="This will change the profile used." class="btn" id="L_PRO2" onClick="pro2();return false;" onFocus="blur();">Profile 2</button>
<button title="This will change the profile used." class="btn" id="L_PRO3" onClick="pro3();return false;" onFocus="blur();">Profile 3</button>
<button title="This will change the profile used." class="btn" id="L_PRO4" onClick="pro4();return false;" onFocus="blur();">Profile 4</button>
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;margin-top:7px;" />
<table><tr><td width="90px">
<button title="This will close the profile select box." class="btn" id="L_PROCANCEL" onClick="profiles.style.display='none';return false;" onFocus="blur();">Close</button>
</td><td valign="top">
<select name="tabsSelect">
<option value="no">Don't load in tabs.</option>
<option value="yes">Load this profile in tabs.</option>
</select>
</td></tr></table>
</div>
</div>
<div id="style" style="display:none;margin-top:5px;font-size:0.9em;">
<b>Change the style and layout of the launcher:</b>
<br /><br />
<table cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td width="45%">
<b style="font-size:8pt;"># Icons per row:</b><br />
<select name="perRowSelect">
<option value="Three">3 icons per row.</option>
<option value="Four">4 icons per row.</option>
</select>
</td><td width="*">
<b style="font-size:8pt;">Position the icons:</b><br />
<select name="centreSelect">
<option value="yes">Keep them centered.</option>
<option value="no">Position on the left.</option>
</select>
</td></tr></table>
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td>
<b style="font-size:8pt;">Show info below the icons:</b>
<select name="infoSelect">
<option value="no">Don't show me anything.</option>
<option value="yes">Show info below the icons.</option>
</select>
</td><td>
<b style="font-size:8pt;white-space:nowrap;">Launcher corners:</b>
<select name="cornerSelect">
<option value="sqr">Square them.</option>
<option value="rnd">Round them.</option>
</select>
</td></tr></table>
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<b>Change the background:</b>
<div id="bgArrows">
<a href="javascript:prevBG();" onFocus="blur();" id="L_PBG" title="Select the previous background."><img src="/images/left.gif" class="arrow" /></a>
<br /><br />
<a href="javascript:nextBG();" onFocus="blur();" id="L_NBG" title="Select the next background."><img src="/images/right.gif" class="arrow" /></a>
</div>
<div id="bgPreview">
</div>
<div id="bgInfo">
Name and number your own backgrounds in order after the last one. They must be .jpg files. Click count after adding.
<br />
<button title="Click here to open the background folder." class="btn" id="L_BGFLD" onClick="openBgFolder();return false;" onFocus="blur();" style="margin-top:5px;margin-left:5px;width:45px;">Add</button>
<button title="Update the list of backgrounds by counting them." class="btn" id="L_COUNT" onClick="countBackgrounds();return false;" onFocus="blur();" style="margin-top:5px;width:60px;">Count</button>
</div>
<div style="clear:both;height:0;width:0;margin-bottom:-10px;"></div>
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<div id="infoText">Text color</div>
<table width="100%" cellpadding="0" cellspacing="0"><tr>
<td style="font-size:8pt;width:180px;"><b>Change the recycle bin icons:</b></td>
<td><b onclick="createColorChooser();return false;" style="font-size:8pt;cursor:pointer;">Set text color:</b><span style="font-size:8pt;"> < click</span></td></tr>
<td style="font-size:8pt;">
<table cellpadding="0" cellspacing="0">
<tr><td width="50px">
<img src="" id="rbEmptyIcon" width="32px" height="32px" onClick="changeRbIcon('empty');return false;" onFocus="blur();" style="margin-top:5px;margin-left:5px;cursor:pointer;" title="Click this image to change it's icon." />
</td><td width="40px">
<img src="" id="rbFullIcon" width="32px" height="32px" onclick="changeRbIcon('full');return false;" onFocus="blur();" style="margin-top:5px;cursor:pointer;" title="Click this image to change it's icon." />
</td><td rowspan="2">
<button title="This will reset to the original icons for the Recylce Bin." class="btn" id="L_RB" onClick="resetRbIco();return false;" onFocus="blur();" style="width:60px;margin-top:6px;">Reset</button>
</td></tr>
<tr><td style="padding-left:2px;">Empty</td><td style="padding-left:8px;font-size:8pt;">Full</td></tr>
</table>
</td><td style="font-size:8pt;">
<div id="colorChooser"></div>
</td></tr></table>
</div>
<div id="defaults" style="display:none;margin-top:5px;font-size:0.9em;">
<b>Add special links. Remove them in Add/Remove:</b>
<br /><br />
<div id="specialLinks">
<table class="special" cellspacing="0" cellpadding="0" border="0">
<tr><td><input type="checkbox" id="sp0" onFocus="blur();" /></td><td><span id="sp0name">My Computer</span></td></tr>
<tr><td><input type="checkbox" id="sp1" onFocus="blur();" /></td><td><span id="sp1name">Network</span> Computers</td></tr>
<tr><td><input type="checkbox" id="sp2" onFocus="blur();" /></td><td><span id="sp2name">Control Panel Category</span> view</td></tr>
<tr><td><input type="checkbox" id="sp3" onFocus="blur();" /></td><td><span id="sp3name">Control Panel Classic</span> view</td></tr>
<tr><td><input type="checkbox" id="sp4" onFocus="blur();" /></td><td><span id="sp4name">Internet Explorer</span></td></tr>
<tr><td><input type="checkbox" id="sp5" onFocus="blur();" /></td><td><span id="sp5name">Recycle Bin</span></td></tr>
<tr><td style="height:15px; width:20px;"> </td><td style="height:10px;"> </td></tr>
<tr><td><input type="checkbox" id="sp6" onFocus="blur();" /></td><td><span id="sp6name">IE Favorites</span> (opens in Internet Explorer)</td></tr>
<tr><td><input type="checkbox" id="sp7" onFocus="blur();" /></td><td><span id="sp7name">Firefox Bookmarks</span> (opens in Firefox)</td></tr>
<tr><td><input type="checkbox" id="sp8" onFocus="blur();" /></td><td><span id="sp8name">Opera Bookmarks</span> (opens in Opera)</td></tr>
</table>
<br />
Note: Bookmarks / Favorites no longer open in your default browser. They open in their respective browsers.
<br /><br />
<table><tr><td>
<button class="btn" id="L_SPEC" onClick="updateDef();return false;" onFocus="blur();" style="width:90px;" title="This will confirm that the selected links will be added to the launcher.">Add Links</button>
</td><td>
Select the items you want to add then click Add Links.
</td></tr></table>
</div>
</div>
</div>
<div id="misc" style="display:none;margin-top:5px;font-size:0.9em;">
<b>Drag/drop items to folders in the launcher:</b>
<select name="folderSelect">
<option value="delete">Move the item to the folder.</option>
<option value="save">Copy the item to the folder.</option>
<option value="nothing">No action performed (disabled).</option>
</select>
<br />
Note: The file is <b>not</b> overwritten if it already exists.
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<b>Method for viewing folders when clicked:</b><br />
<select name="folderOpenSelect">
<option value="open">Open the folder.</option>
<option value="fly">View folder contents in flyout.</option>
</select>
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<b>Show only popular file types in flyout:</b><br />
<select name="filterExtSelect">
<option value="no">Show all file types in the flyout.</option>
<option value="yes">Filter to only show popular file types.</option>
</select>
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<b>Bypass shortcut files dropped on launcher:</b><br />
<select name="linkSelect">
<option value="target">Link direct to the target file.</option>
<option value="link">Link to the shortcut. Use target icon.</option>
<option value="link2">Link to the shortcut. Use shortcut icon.</option>
</select>
<br />
Note: Setting it to direct allows you to delete the shortcut.
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<b>Choose the launcher panel drag/drop option:</b><br />
<select name="dragSelect">
<option value="Drag1">a) Item can be added to the launcher only.</option>
<option value="Drag2">b) Item executed on the launcher icon only.</option>
<option value="Drag3">c) Either action possible. a or b</option>
</select>
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<b>Send deleted items to Recycle bin or not:</b><br />
<table width="100%" style="margin-top:3px;">
<tr><td style="font-size:8pt;">
<b>Launcher area:</b><br />
<select name="LdeleteSelect">
<option value="rb">To recycle bin.</option>
<option value="del">Just delete it.</option>
</select>
</td><td style="font-size:8pt;">
<b>Folder flyout:</b><br />
<select name="FdeleteSelect">
<option value="rb">To recycle bin.</option>
<option value="del">Just delete it.</option>
</select>
</td></tr></table>
</div>
<div id="save" style="display:none;margin-top:5px;font-size:0.9em;">
<b>Disable tool tips in settings:</b>
<br />
<select name="settingsTipsSelect">
<option value="on">Show tips when hovering over buttons.</option>
<option value="off">Don't show me anything.</option>
</select>
<br />
Note: You must close and re-open settings for the change.
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<b>Your list of shortcuts and link settings:</b>
<br />
All settings are saved automatically everytime the OK button is clicked.
These backup files will be saved into your AppData folder.
All settings will reload if the App Launcher is closed and reopened or when updating to a new version.
The button below will open the folder if you want to make a backup of these files.<br />
Deleting the gadget does not delete these files.
<br /><br />
<button class="btn" id="L_GFLD" onClick="openGadgetFolder();return false;" onFocus="blur();" style="width:110px;" title="This will open the launchers settings folder.">Open folder</button>
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:3px;" />
<b>Special thanks:</b>
<p style="margin:4px 0;">
Thanks to Simon Paterson for contributing your icon change, settings backup and other code to
help improve this gadget.
</p><p style="margin:4px 0;">
Thanks to Matt Palermo for contributing your favorites code.
</p><p style="margin:4px 0;">
Thanks to Martin Howe as well for drag/execute and other code samples.
</p>
<div style="text-align:right;position:absolute;right:0;top:315px;">v3.3.4.6</div>
</div>
<div id="drag" style="display:none;font-size:0.9em;">
<b style="margin-left:20px;">Drag items to reorder them:</b>
<div style="height:285px;overflow:auto;padding-top:10px;" id="dragContainer" class="dragContainer"></div>
<div style="position:absolute;bottom:0;left:0;text-align:center;width:300px;">
<img src="/images/hr.png" width="100%" height="2px" style="margin-bottom:8px;" />
<button title="This will keep the changes made above. You still must click OK after clicking save." class="btn" id="L_SAVDRAG" onClick="saveDragged();return false;" onFocus="blur();" style="margin-right:20px;">Keep</button>
<button title="This will cancel the changes made above." class="btn" id="L_CANDRAG" onClick="drag.style.display='none';return false;" onFocus="blur();">Cancel</button>
</div>
</div>
</body>
</html>