npm - simple-dynamsoft-mcp - Versions diffs - 5.0.0 → 6.3.0 - Mend

simple-dynamsoft-mcp 5.0.0 → 6.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1061) hide show

package/code-snippet/dynamic-web-twain/UI-customization/loading-bar.html DELETED Viewed

@@ -1,213 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Loading Bar</title>
-    <link rel="stylesheet" href="../css/global.css" />
-    <link rel="stylesheet" href="../css/scan.css" />
-</head>
-<body>
-    <div class="ds-div-scanPageHeader">
-        <div class="ds-div-title">Loading Bar</div>
-    </div>
-    <div class="ds-div-scanPageDemo">
-        <div class="ds-div-scanPage-column ds-div-scanPage-column0">
-            <div id="initializeDiv">
-                <input type="checkbox" id="chkShowLoadingbar" onchange="ShowLoadingBar();" checked><label
-                    for="chkShowLoadingbar">Show Loading Bar</label>
-                <ul style="list-style:none;margin-top:15px;margin-left:20px;">
-                    <li>
-                        <div>Loading Bar Icon:</div>
-                        <input type="radio" id="radDefault" name="Loadingbar" onchange="SetIfDefaultIcon();"
-                            checked><label for="radDefault">Default</label><br />
-                        <input type="radio" id="radCustom" name="Loadingbar" onchange="SetIfDefaultIcon();"><label
-                            for="radCustom">Custom</label> <input type="button" id="btnFile" class="ds-button-bg-white"
-                            value="Select Image" onclick="SetLoadingBar(event);" disabled><span
-                            id="selectedImageName"></span><br />
-                    </li>
-                    <br />
-                    <li>
-                        <div>Loading Bar Position:</div>
-                        <input type="radio" id="radCenterPage" name="LoadingbarPosition" checked><label
-                            for="radCenterPage">Center of the page</label><br />
-                        <input type="radio" id="radCenterControl" name="LoadingbarPosition"><label
-                            for="radCenterControl">Center of the control</label><br />
-                    </li>
-                </ul>
-                <input type="button" style="margin-bottom: 20px;" value="Apply" class="ds-button-bg-black"
-                    onclick="Applay();" /><br />
-            </div>
-            <input id="btnScan" type="button" style="display: none;" value="Scan" onclick="AcquireImage();" />
-        </div>
-        <div class="ds-div-scanPage-column ds-div-scanPage-column1">
-            <div id="dwtcontrolContainer" style="width: 100%; height: 100%;"></div>
-        </div>
-    </div>
-    <style>
-        #btnFile {
-            margin: 0;
-        }
-        #selectedImageName {
-            margin-left: 10px;
-        }
-        input[type="radio"] {
-            margin-left: 20px;
-        }
-        .ds-div-download {
-            bottom: 2px;
-        }
-    </style>
-    <script src="https://cdn.jsdelivr.net/npm/dwt@latest/dist/dynamsoft.webtwain.min.js"></script>
-    <script type="text/javascript">
-        Dynamsoft.DWT.Containers = [{ WebTwainId: '', ContainerId: 'dwtcontrolContainer', Width: '100%', Height: '100%' }];
-        Dynamsoft.DWT.ProductKey = "DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==";
-        Dynamsoft.DWT.ResourcesPath = 'https://cdn.jsdelivr.net/npm/dwt@latest/dist';
-        Dynamsoft.DWT.ServiceInstallerLocation = 'https://download2.dynamsoft.com/Demo/DWT/Resources/dist/';
-        Dynamsoft.DWT.AutoLoad = false;
-        var input = document.createElement("input");
-        input.accept = "image/png,image/jpeg,image/bmp,image/gif";
-        input.type = "file";
-        input.multiple = true;
-        var loaderBarSource;
-        var onWebTwainPreExecute = Dynamsoft.DWT.OnWebTwainPreExecute;
-        var onWebTwainPostExecute = Dynamsoft.DWT.OnWebTwainPostExecute;
-        input.addEventListener("change", function () {
-            var { files } = input;
-            var selectedImageNameEl = document.getElementById('selectedImageName');
-            if (files && files.length > 0) {
-                var fileName = files[0].name;
-                if (fileName.length >= 21)
-                    fileName = fileName.substring(0, 10) + "......" + fileName.substring(fileName.length - 6, fileName.length);
-                selectedImageNameEl.innerHTML = fileName;
-            } else {
-                selectedImageNameEl.innerHTML = '';
-            }
-            loaderBarSource = URL.createObjectURL(new Blob([files[0]], {
-                type: files[0].type,
-            }));
-            input.value = null;
-            input.files = null;
-        }, true);
-        function SetLoadingBar() {
-            input.click();
-        }
-        function ShowLoadingBar() {
-            var showLoadingbar = document.getElementById("chkShowLoadingbar");
-            if (showLoadingbar.checked) {
-                SettingsEnableOrNot(true);
-            } else {
-                SettingsEnableOrNot(false);
-            }
-        }
-        function SettingsEnableOrNot(bEnalbe) {
-            var radDefault = document.getElementById("radDefault");
-            var radCustom = document.getElementById("radCustom");
-            var radCenterPage = document.getElementById("radCenterPage");
-            var radCenterControl = document.getElementById("radCenterControl");
-            var btnFile = document.getElementById("btnFile");
-            if (bEnalbe) {
-                radDefault.disabled = false;
-                radCustom.disabled = false;
-                radCenterPage.disabled = false;
-                radCenterControl.disabled = false;
-                SetIfDefaultIcon();
-            } else {
-                radDefault.disabled = true;
-                radCustom.disabled = true;
-                radCenterPage.disabled = true;
-                radCenterControl.disabled = true;
-                btnFile.disabled = true;
-            }
-        }
-        function SetIfDefaultIcon() {
-            var btnFile = document.getElementById('btnFile');
-            var radDefault = document.getElementById('radDefault');
-            if (radDefault.checked) {
-                btnFile.disabled = true;
-            } else {
-                btnFile.disabled = false;
-            }
-        }
-        function Initialize() {
-            var showLoadingbar = document.getElementById("chkShowLoadingbar");
-            if (showLoadingbar.checked) {
-                var radCenterPage = document.getElementById("radCenterPage");
-                if (radCenterPage.checked) {
-                    Dynamsoft.DWT.IfConfineMaskWithinTheViewer = false;
-                } else {
-                    Dynamsoft.DWT.IfConfineMaskWithinTheViewer = true;
-                }
-                var radDefault = document.getElementById('radDefault');
-                if (radDefault.checked) {
-                    Dynamsoft.DWT.CustomizableDisplayInfo.loaderBarSource = '';
-                } else {
-                    Dynamsoft.DWT.CustomizableDisplayInfo.loaderBarSource = loaderBarSource;
-                }
-                Dynamsoft.DWT.OnWebTwainPreExecute = onWebTwainPreExecute;
-                Dynamsoft.DWT.OnWebTwainPostExecute = onWebTwainPostExecute;
-            } else {
-                Dynamsoft.DWT.OnWebTwainPreExecute = function () {
-                    // Show your own progress indicator
-                    console.log('An operation starts!');
-                };
-                Dynamsoft.DWT.OnWebTwainPostExecute = function () {
-                    // Hide the progress indicator
-                    console.log('An operation ends!');
-                };
-            }
-        }
-        var DWTObject;
-        function Applay() {
-            Dynamsoft.DWT.Unload();
-            Initialize();
-            Dynamsoft.DWT.Load();
-        }
-        Dynamsoft.DWT.RegisterEvent("OnWebTwainReady", function () {
-            DWTObject = Dynamsoft.DWT.GetWebTwain('dwtcontrolContainer'); // Get the Dynamic Web TWAIN object that is embeded in the div with id 'dwtcontrolContainer'
-            if (DWTObject) {
-                DWTObject.SelectSourceAsync().then(function () {
-                    return DWTObject.AcquireImageAsync({
-                        IfCloseSourceAfterAcquire: true // Scanner source will be closed automatically after the scan.
-                    });
-                }).catch(function (exp) {
-                    alert(exp.message);
-                });
-            }
-        });
-        function AcquireImage() {
-            if (DWTObject) {
-                DWTObject.SelectSourceAsync().then(function () {
-                    return DWTObject.AcquireImageAsync({
-                        IfCloseSourceAfterAcquire: true // Scanner source will be closed automatically after the scan.
-                    });
-                }).catch(function (exp) {
-                    alert(exp.message);
-                });
-            }
-        }
-    </script>
-</body>
-</html>

package/code-snippet/dynamic-web-twain/UI-customization/progress-bar.html DELETED Viewed

@@ -1,93 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Progress Bar</title>
-    <link rel="stylesheet" href="../css/global.css" />
-    <link rel="stylesheet" href="../css/scan.css" />
-</head>
-<body>
-    <div class="ds-div-scanPageHeader">
-        <div class="ds-div-title">Progress Bar</div>
-    </div>
-    <div class="ds-div-scanPageDemo">
-        <div class="ds-div-scanPage-column ds-div-scanPage-column0">
-            <div><input type="checkbox" id="chkShowLoadingbar" onchange="ShowLoadingBar();" checked><label
-                    for="chkShowLoadingbar">Progress Bar</label></div>
-            <input type="button" value="Load" class="ds-button-bg-black" onclick="LoadImage();" />
-            <input type="button" value="Upload" class="ds-button-bg-white" onclick="Upload();" />
-        </div>
-        <div class="ds-div-scanPage-column ds-div-scanPage-column1">
-            <div id="dwtcontrolContainer" style="width: 100%; height: 100%;"></div>
-        </div>
-    </div>
-    <style>
-        .ds-div-download {
-            bottom: 2px;
-        }
-    </style>
-    <script src="https://cdn.jsdelivr.net/npm/dwt@latest/dist/dynamsoft.webtwain.min.js"></script>
-    <script type="text/javascript">
-        Dynamsoft.DWT.Containers = [{ ContainerId: 'dwtcontrolContainer', Width: '100%', Height: '100%' }];
-        Dynamsoft.DWT.ProductKey = "DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==";
-        Dynamsoft.DWT.ResourcesPath = 'https://cdn.jsdelivr.net/npm/dwt@latest/dist';
-        Dynamsoft.DWT.ServiceInstallerLocation = 'https://download2.dynamsoft.com/Demo/DWT/Resources/dist/';
-        Dynamsoft.DWT.AutoLoad = true;
-        var DWTObject;
-        Dynamsoft.DWT.RegisterEvent("OnWebTwainReady", function () {
-            DWTObject = Dynamsoft.DWT.GetWebTwain('dwtcontrolContainer'); // Get the Dynamic Web TWAIN object that is embeded in the div with id 'dwtcontrolContainer'
-            var chkShowLoadingbar = document.getElementById('chkShowLoadingbar');
-            chkShowLoadingbar.checked = true;
-        });
-        function ShowLoadingBar() {
-            var chkShowLoadingbar = document.getElementById('chkShowLoadingbar');
-            if (DWTObject) {
-                if (chkShowLoadingbar.checked) {
-                    DWTObject.IfShowProgressBar = true;
-                } else {
-                    DWTObject.IfShowProgressBar = false;
-                }
-            }
-        }
-        function LoadImage() {
-            if (DWTObject) {
-                DWTObject.LoadImageEx("", -1, function () { }, function (ec, es) { console.log(es); });
-            }
-        }
-        function Upload() {
-            if (DWTObject && DWTObject.HowManyImagesInBuffer > 0) {
-                var strUrl = "https://demo.dynamsoft.com/sample-uploads/";
-                var imgAry = [DWTObject.CurrentImageIndexInBuffer];
-                DWTObject.HTTPUpload(
-                    strUrl,
-                    imgAry,
-                    Dynamsoft.DWT.EnumDWT_ImageType.IT_PNG,
-                    Dynamsoft.DWT.EnumDWT_UploadDataFormat.Binary,
-                    "WebTWAINImage.png",
-                    onUploadSuccess,
-                    onUploadFailure
-                );
-            } else {
-                alert("There is no image in buffer.");
-            }
-        }
-        function onUploadSuccess() {
-            alert('Upload successful');
-        }
-        function onUploadFailure(errorCode, errorString, sHttpResponse) {
-            alert(sHttpResponse.length > 0 ? sHttpResponse : errorString);
-        }
-    </script>
-</body>
-</html>

package/code-snippet/dynamic-web-twain/UI-customization/thumbnail.html DELETED Viewed

@@ -1,352 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Viewer and Thumbnail Navigator</title>
-    <link rel="stylesheet" href="../css/global.css" />
-    <link rel="stylesheet" href="../css/scan.css" />
-</head>
-<body>
-    <div class="ds-div-scanPage">
-        <div class="ds-div-scanPageHeader">
-            <div class="ds-div-title">Viewer and Thumbnail Navigator</div>
-        </div>
-        <div class="ds-div-scanPageDemo">
-            <div class="ds-div-scanPage-column ds-div-scanPage-column0">
-                <div><span><input type="button" value="Scan" class="ds-button-bg-black"
-                            onclick="AcquireImage();" /></span><span style="margin-left: 10px;"><input type="button"
-                            class="ds-button-bg-white" value="Open a local file" onclick="LoadImage();" /></span></div>
-                <div>
-                    <div>Thumbnail Settings:</div>
-                    <div class="ds-div-0"><label><input type="checkbox" id="chkShowThumbnail"
-                                onchange="ShowThumbnail();">Show Thumbnail</label></div>
-                    <ul class="ds-ul-1">
-                        <li><label><input type="checkbox" id="chkShowCheckbox" onchange="ShowCheckbox();" disabled>Show
-                                Checkbox</label></li>
-                        <li><label><input type="checkbox" id="chkShowPageNumber" onchange="ShowPageNumber();"
-                                    disabled>Show Page Number</label></li>
-                    </ul>
-                    <ul class="ds-ul-2">
-                        <li><label id="lblLocation" for="location">Location:</label><select size="1" id="ddlLocation"
-                                onchange="SetLocation();" disabled>
-                                <option value="left">Left</option>
-                                <option value="top">Top</option>
-                                <option value="right">Right</option>
-                                <option value="bottom">Bottom</option>
-                            </select>
-                        </li>
-                        <li><label id="lblRows" for="Rows">Rows: </label><input type="text" id="txtRows" value='3'
-                                onchange="SetViewMode();" disabled></li>
-                        <li><label id="lblColumns" for="Columns">Columns: </label><input type="text" id="txtColumns"
-                                value='1' onchange="SetViewMode();" disabled></li>
-                    </ul>
-                    <ul class="ds-ul-3">
-                        <li><label id="lblSelectedPageBackground" for="selectedPageBackground">Select Page Background:
-                            </label><input type="color" id="colSelectedPageBackground" value='#c7defc'
-                                onchange="SetSelectedPageBackground();" disabled></li>
-                        <li><label id="lblSelectedPageBorder" for="selectedPageBorder">Select Page Border Color:
-                            </label><input type="color" id="colSelectedPageBorder" value='#7da2ce'
-                                onchange="SetSelectedPageBorder();" disabled></li>
-                        <li><label id="lblHoverPageBackground" for="hoverPageBackground">Hover Page Background:
-                            </label><input type="color" id="colHoverPageBackground" value='#EFF6FD'
-                                onchange="SetHoverPageBackground();" disabled></li>
-                        <li><label id="lblHoverPageBorder" for="hoverPageBorder">Hover Page Border Color: </label><input
-                                type="color" id="colHoverPageBorder" value='#EEEEEE' onchange="SetHoverPageBorder();"
-                                disabled></li>
-                    </ul>
-                    <div class="ds-div-4"><label id="lblSinglePageMode" for="chkSinglePageMode"><input type="checkbox"
-                                id="chkSinglePageMode" onchange="singlePageMode();" disabled checked>Use single page
-                            mode in the main viewer</label></div>
-                </div>
-            </div>
-            <div class="ds-div-scanPage-column ds-div-scanPage-column1">
-                <div id="dwtcontrolContainer" style="width: 100%; height: 100%;"></div>
-            </div>
-        </div>
-    </div>
-    <style>
-        .ds-div-0 {
-            margin-top: 5px;
-        }
-        ul.ds-ul-1 {
-            margin-top: 5px;
-            margin-left: 20px;
-        }
-        ul.ds-ul-2,
-        ul.ds-ul-3,
-        .ds-div-4 {
-            margin-top: 15px;
-            margin-left: 20px;
-        }
-        .ds-ul-3 {
-            margin-bottom: 10px;
-        }
-        .ds-ul-2>li>label {
-            width: 90px;
-            display: inline-block;
-        }
-        #ddlLocation {
-            width: 160px;
-            height: 30px;
-            display: inline-block;
-        }
-        #txtRows,
-        #txtColumns {
-            width: 160px;
-        }
-        .ds-ul-3>li>label {
-            width: 200px;
-            display: inline-block;
-        }
-        input[type="checkbox"] {
-            margin-right: 10px;
-        }
-        .ds-div-download {
-            bottom: 2px;
-        }
-    </style>
-    <script src="https://cdn.jsdelivr.net/npm/dwt@latest/dist/dynamsoft.webtwain.min.js"></script>
-    <script type="text/javascript">
-        Dynamsoft.DWT.Containers = [{ ContainerId: 'dwtcontrolContainer', Width: '100%', Height: '100%' }];
-        Dynamsoft.DWT.ProductKey = "DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==";
-        Dynamsoft.DWT.ResourcesPath = 'https://cdn.jsdelivr.net/npm/dwt@latest/dist';
-        Dynamsoft.DWT.ServiceInstallerLocation = 'https://download2.dynamsoft.com/Demo/DWT/Resources/dist/';
-        Dynamsoft.DWT.AutoLoad = true;
-        var DWTObject, objThumbnailViewer;
-        Dynamsoft.DWT.RegisterEvent("OnWebTwainReady", function () {
-            DWTObject = Dynamsoft.DWT.GetWebTwain('dwtcontrolContainer'); // Get the Dynamic Web TWAIN object that is embeded in the div with id 'dwtcontrolContainer'
-            if (DWTObject) {
-                objThumbnailViewer = DWTObject.Viewer.createThumbnailViewer();
-            }
-            SetDefaultValue();
-        });
-        function AcquireImage() {
-            if (DWTObject) {
-                DWTObject.SelectSourceAsync().then(function () {
-                    return DWTObject.AcquireImageAsync({
-                        IfCloseSourceAfterAcquire: true // Scanner source will be closed automatically after the scan.
-                    });
-                }).catch(function (exp) {
-                    alert(exp.message);
-                });
-            }
-        }
-        function LoadImage() {
-            if (DWTObject) {
-                // Load images in all supported formats (.bmp, .jpg, .tif, .png, .pdf). OnSuccess or OnFailure will be called after the operation
-                DWTObject.LoadImageEx("", Dynamsoft.DWT.EnumDWT_ImageType.IT_ALL, function () {
-                    console.log('successful');
-                }, function (errorCode, errorString) {
-                    alert(errorString);
-                });
-            }
-        }
-        function SetDefaultValue() {
-            var showThumbnail = document.getElementById("chkShowThumbnail");
-            showThumbnail.checked = false;
-            var showCheckbox = document.getElementById("chkShowCheckbox");
-            showCheckbox.checked = false;
-            showCheckbox.disabled = true;
-            var chkShowPageNumber = document.getElementById("chkShowPageNumber");
-            chkShowPageNumber.checked = false;
-            chkShowPageNumber.disabled = true;
-            var chkSinglePageMode = document.getElementById("chkSinglePageMode");
-            chkSinglePageMode.checked = true;
-            chkSinglePageMode.disabled = true;
-            var ddlLocation = document.getElementById("ddlLocation");
-            ddlLocation.selectedIndex = 0;
-            ddlLocation.disabled = true;
-            var txtRows = document.getElementById("txtRows");
-            txtRows.value = 3;
-            txtRows.disabled = true;
-            var txtColumns = document.getElementById("txtColumns");
-            txtColumns.value = 1;
-            txtColumns.disabled = true;
-            var colSelectedPageBackground = document.getElementById("colSelectedPageBackground");
-            colSelectedPageBackground.value = '#c7defc';
-            colSelectedPageBackground.disabled = true;
-            var colSelectedPageBorder = document.getElementById("colSelectedPageBorder");
-            colSelectedPageBorder.value = '#7da2ce';
-            colSelectedPageBorder.disabled = true;
-            var colHoverPageBackground = document.getElementById("colHoverPageBackground");
-            colHoverPageBackground.value = '#eff6fd';
-            colHoverPageBackground.disabled = true;
-            var colHoverPageBorder = document.getElementById("colHoverPageBorder");
-            colHoverPageBorder.value = '#eeeeee';
-            colHoverPageBorder.disabled = true;
-        }
-        function ShowThumbnail() {
-            if (DWTObject) {
-                var showThumbnail = document.getElementById("chkShowThumbnail");
-                if (showThumbnail.checked) {
-                    objThumbnailViewer.show();
-                    SettingsEnableOrNot(true);
-                } else {
-                    objThumbnailViewer.hide();
-                    SettingsEnableOrNot(false);
-                }
-            }
-        }
-        function SettingsEnableOrNot(bEnalbe) {
-            var showCheckbox = document.getElementById("chkShowCheckbox");
-            var chkShowPageNumber = document.getElementById("chkShowPageNumber");
-            var chkSinglePageMode = document.getElementById("chkSinglePageMode");
-            var ddlLocation = document.getElementById("ddlLocation");
-            var txtRows = document.getElementById("txtRows");
-            var txtColumns = document.getElementById("txtColumns");
-            var colSelectedPageBackground = document.getElementById("colSelectedPageBackground");
-            var colSelectedPageBorder = document.getElementById("colSelectedPageBorder");
-            var colHoverPageBackground = document.getElementById("colHoverPageBackground");
-            var colHoverPageBorder = document.getElementById("colHoverPageBorder");
-            if (bEnalbe) {
-                showCheckbox.disabled = false;
-                chkShowPageNumber.disabled = false;
-                chkSinglePageMode.disabled = false;
-                chkSinglePageMode.checked = true;
-                ddlLocation.disabled = false;
-                txtRows.disabled = false;
-                txtColumns.disabled = false;
-                colSelectedPageBackground.disabled = false;
-                colSelectedPageBorder.disabled = false;
-                colHoverPageBackground.disabled = false;
-                colHoverPageBorder.disabled = false;
-            } else {
-                showCheckbox.disabled = true;
-                chkShowPageNumber.disabled = true;
-                chkSinglePageMode.disabled = true;
-                ddlLocation.disabled = true;
-                txtRows.disabled = true;
-                txtColumns.disabled = true;
-                colSelectedPageBackground.disabled = true;
-                colSelectedPageBorder.disabled = true;
-                colHoverPageBackground.disabled = true;
-                colHoverPageBorder.disabled = true;
-            }
-        }
-        function ShowCheckbox() {
-            if (DWTObject) {
-                var showCheckbox = document.getElementById("chkShowCheckbox");
-                if (showCheckbox.checked) {
-                    objThumbnailViewer.updateCheckboxStyle({ visibility: "visible" });
-                    DWTObject.Viewer.selectionMode = Dynamsoft.DWT.EnumDWT_SelectionMode.Multiple;
-                } else {
-                    objThumbnailViewer.updateCheckboxStyle({ visibility: "hidden" });
-                    DWTObject.Viewer.selectionMode = Dynamsoft.DWT.EnumDWT_SelectionMode.Single;
-                }
-            }
-        }
-        function ShowPageNumber() {
-            if (DWTObject) {
-                var showPageNumber = document.getElementById("chkShowPageNumber");
-                if (showPageNumber.checked) {
-                    objThumbnailViewer.updatePageNumberStyle({ visibility: "visible" });
-                } else {
-                    objThumbnailViewer.updatePageNumberStyle({ visibility: "hidden" });
-                }
-            }
-        }
-        function SetLocation() {
-            var location = document.getElementById("ddlLocation");
-            objThumbnailViewer.location = location.value;
-            var rows = document.getElementById("txtRows");
-            var columns = document.getElementById("txtColumns");
-            if (location.value == "top" || location.value == "bottom") {
-                if (rows.value > columns.value) {
-                    var temp = columns.value;
-                    columns.value = rows.value;
-                    rows.value = temp;
-                }
-            } else {
-                if (columns.value > rows.value) {
-                    var temp = columns.value;
-                    columns.value = rows.value;
-                    rows.value = temp;
-                }
-            }
-            SetViewMode();
-        }
-        function SetViewMode() {
-            var rows = document.getElementById("txtRows");
-            var columns = document.getElementById("txtColumns");
-            var location = document.getElementById("ddlLocation");
-            var strScrollDirection = "vertical";
-            if (location.value == "top" || location.value == "bottom") {
-                strScrollDirection = "horizontal";
-            }
-            objThumbnailViewer.updateViewMode({ columns: parseInt(columns.value), rows: parseInt(rows.value), scrollDirection: strScrollDirection });
-        }
-        function SetSelectedPageBackground() {
-            if (DWTObject) {
-                var selectedPageBackground = document.getElementById("colSelectedPageBackground");
-                objThumbnailViewer.selectedPageBackground = selectedPageBackground.value;
-            }
-        }
-        function SetSelectedPageBorder() {
-            if (DWTObject) {
-                var selectedPageBorder = document.getElementById("colSelectedPageBorder");
-                objThumbnailViewer.selectedPageBorder = '1px solid ' + selectedPageBorder.value;
-            }
-        }
-        function SetHoverPageBackground() {
-            if (DWTObject) {
-                var hoverPageBackground = document.getElementById("colHoverPageBackground");
-                objThumbnailViewer.hoverPageBackground = hoverPageBackground.value;
-            }
-        }
-        function SetHoverPageBorder() {
-            if (DWTObject) {
-                var hoverPageBorder = document.getElementById("colHoverPageBorder");
-                objThumbnailViewer.hoverPageBorder = '1px solid ' + hoverPageBorder.value;
-            }
-        }
-        function singlePageMode() {
-            if (DWTObject) {
-                var singlePageMode = document.getElementById("chkSinglePageMode");
-                if (singlePageMode.checked)
-                    DWTObject.Viewer.singlePageMode = true;
-                else
-                    DWTObject.Viewer.singlePageMode = false;
-            }
-        }
-    </script>
-</body>
-</html>