VintaSoft Imaging .NET SDK 15.1: Documentation for Web developer
Vintasoft.Imaging.UI.UIElements Namespace / WebUiElementsFactoryJS type / WebUiElementsFactoryJS Constructor()
Syntax Remarks BrowserCompatibility SeeAlso
In This Topic
WebUiElementsFactoryJS Constructor()
In This Topic
Initializes a new instance of the WebUiElementsFactoryJS class.
Syntax
var instance = new Vintasoft.Imaging.UI.UIElements.WebUiElementsFactoryJS();

Remarks

Fabric contains the following IDs if Vintasoft.Imaging.js file is linked to a web page:


Fabric contains the following IDs if Vintasoft.Imaging.DocumentViewer.js file is linked to a web page:
  • "fileMenuItem" - create WebUiElementContainerJS object, which contains "File" label for file menu.
  • "viewMenuItem" - create WebUiElementContainerJS object, which contains "View" label for view menu.
  • "toolsMenuItem" - create WebUiElementContainerJS object, which contains "Tools" label for tools menu.
  • "annotationsMenuItem" - create WebUiElementContainerJS object, which contains "Annotations" label for annotations menu.
  • "fileMenuPanel" - create WebUiPanelJS object, which represents panel for "File" menu.
  • "viewMenuPanel" - create WebUiPanelJS object, which represents panel for "View" menu with "sizeModeToggleButton", "rotateToolbarPanel", "thumbnailViewerSettingsButton" elements.
  • "toolsMenuPanel" - create WebUiPanelJS object, which represents panel for "Tools" menu with "visualToolsToolbarPanel" element.
  • "annotationsMenuPanel" - create WebUiPanelJS object, which represents panel for "Annotations" menu.
  • "mainMenu" - create WebUiPanelContainerJS object, which represents panel for main menu with "fileMenuPanel", "viewMenuPanel", "toolsMenuPanel" elements.
  • "imageViewerPanel" - create WebUiImageViewerPanelJS object.
  • "thumbnailViewerPanel" - create WebUiThumbnailViewerPanelJS object.
  • "sidePanel" - create WebUiSidePanelJS object, which contains "thumbnailViewerPanel".
  • "sidePanelAndViewer" - create WebUiElementContainerJS object, which contains "sidePanel" and "imageViewerPanel".
  • "imageProcessingPanel" - create WebUiImageProcessingPanelJS object.
  • "footerPanel" - create WebUiElementContainerJS object, which contains "navigationToolbarPanel", "zoomOutButton", "zoomValueInput", "zoomInButton" elements.
  • "fileToolbarPanel" - create WebUiFileToolbarPanelJS object.
  • "navigationToolbarPanel" - create WebUiNavigationToolbarPanelJS object.
  • "zoomToolbarPanel" - create WebUiZoomToolbarPanelJS object.
  • "rotateToolbarPanel" - create WebUiRotationToolbarPanelJS object.
  • "visualToolsToolbarPanel" - create WebUiVisualToolsToolbarPanelJS object.
  • "annotationsPanel" - create WebUiAnnotationListPanelJS object.
  • "annotationContextMenu" - create WebAnnotationViewerContextMenuJS object.
  • "pdfBookmarksPanel" - create WebUiPdfBookmarksPanelJS object.
  • "textSearchPanel" - create WebUiTextSearchPanelJS object.
  • "pdfImageResourceExtractionPanel" - create WebUiPdfImageResourceExtractionPanelJS object.
  • "textSelectionPanel" - create WebUiTextSelectionPanelJS object.
  • "uploadAndOpenFileButton" - create WebUiUploadFileButtonJS object, which allows to upload an image file.
  • "printImagesButton" - create WebUiDialogButtonJS object, which show/hide dialog with print settings.
  • "thumbnailViewerSettingsButton" - create WebUiDialogButtonJS object, which show/hide dialog with thumbnail viewer settings.
  • "downloadImageButton" - create WebUiButtonJS object, which allows to download selected image file.
  • "gotoFirstPageButton" - create WebUiButtonJS object, which navigates to the first image in the image viewer.
  • "gotoPreviousPageButton" - create WebUiButtonJS object, which navigates to the previous image in the image viewer.
  • "gotoNextPageButton" - create WebUiButtonJS object, which navigates to the next image in the image viewer.
  • "gotoLastPageButton" - create WebUiButtonJS object, which navigates to the last image in the image viewer.
  • "gotoPageInput" - create WebUiInputElementJS object, which navigates to the specified image in the image viewer.
  • "totalPageCountLabel" - create WebUiLabelElementJS object, which displays the number of images in the image viewer.
  • "scaleModeSelect" - create WebUiSelectElementJS object, which changes ImageSizeMode in the image viewer.
  • "zoomValueInput" - create WebUiInputElementJS object, which sets zoom in the image viewer.
  • "zoomOutButton" - create WebUiButtonJS object, which reduces zoom in the image viewer.
  • "zoomInButton" - create WebUiButtonJS object, which increases zoom in the image viewer.
  • "normalSizeModeButton" - create WebUiButtonJS object, which sets "Normal" ImageSizeMode in the image viewer.
  • "bestFitSizeModeButton" - create WebUiButtonJS object, which sets "BestFit" ImageSizeMode in the image viewer.
  • "fitToWidthSizeModeButton" - create WebUiButtonJS object, which sets "FitToWidth" ImageSizeMode in the image viewer.
  • "fitToHeightSizeModeButton" - create WebUiButtonJS object, which sets "FitToHeight" ImageSizeMode in the image viewer.
  • "pixelToPixelSizeModeButton" - create WebUiButtonJS object, which sets "PixelToPixel" ImageSizeMode in the image viewer.
  • "zoomSizeModeButton" - create WebUiButtonJS object, which sets "Zoom" ImageSizeMode in the image viewer.
  • "sizeModeToggleButton" - create WebUiToggleButtonJS object, which contains "normalSizeModeButton", "bestFitSizeModeButton", "fitToWidthSizeModeButton", "fitToHeightSizeModeButton" buttons.
  • "rotateCounterClockwiseButton" - create WebUiButtonJS object, which rotates images at 90 degrees counterclockwise in the image viewer.
  • "rotateClockwiseButton" - create WebUiButtonJS object, which rotates images at 90 degrees clockwise in the image viewer.
  • "rotateAngleInput" - create WebUiInputElementJS object, which shows information about rotation of images in the image viewer.
  • "panToolButton" - create WebUiVisualToolButtonJS object, which activates Pan tool in the image viewer.
  • "zoomToolButton" - create WebUiVisualToolButtonJS object, which activates Zoom tool in the image viewer.
  • "zoomSelectionToolButton" - create WebUiVisualToolButtonJS object, which activates ZoomSelection tool in the image viewer.
  • "rectangularSelectionToolButton" - create WebUiVisualToolButtonJS object, which activates RectangularSelection tool in the image viewer.
  • "magnifierToolButton" - create WebUiVisualToolButtonJS object, which activates Magnifier tool in the image viewer.
  • "visualToolToggleButton" - create WebUiToggleButtonJS object, which contains "panToolButton", "zoomToolButton", "zoomSelectionToolButton", "rectangularSelectionToolButton", "magnifierToolButton" buttons.
  • "editAnnotationToolbarPanel" - create WebUiElementContainerJS object, which contains "annotationInteractionModeToggleButton", "copyAnnotationButton", "pasteAnnotationButton", "removeAnnotationButton" elements.
  • "annotationActionsToolbarPanel" - create WebUiElementContainerJS object, which contains "burnAnnotationsButton", "saveAnnotationsButton", "rotateImageWithAnnotationsButton" elements.
  • "addRectangleAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Rectangle annotation to the annotation viewer.
  • "addEllipseAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Ellipse annotation to the annotation viewer.
  • "addHighlightAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Highlight annotation to the annotation viewer.
  • "addReferencedImageAnnotationButton" - create WebUiAnnotationButtonJS object, which adds ReferencedImage annotation to the annotation viewer.
  • "addTextAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Text annotation to the annotation viewer.
  • "addStickyNoteAnnotationButton" - create WebUiAnnotationButtonJS object, which adds StickyNote annotation to the annotation viewer.
  • "addFreeTextAnnotationButton" - create WebUiAnnotationButtonJS object, which adds FreeText annotation to the annotation viewer.
  • "addStampAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Stamp annotation to the annotation viewer.
  • "addLinkAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Link annotation to the annotation viewer.
  • "addArrowAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Arrow annotation to the annotation viewer.
  • "addDoubleArrowAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Arrow annotation with both caps to the annotation viewer.
  • "addLineAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Line annotation to the annotation viewer.
  • "addLinesAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Lines annotation to the annotation viewer.
  • "addInterpolatedLinesAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Lines annotation with interpolation to the annotation viewer.
  • "addFreehandLinesAnnotationButton" - create WebUiAnnotationButtonJS object, which adds FreehandLines annotation to the annotation viewer.
  • "addPolygonAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Polygon annotation to the annotation viewer.
  • "addInterpolatedPolygonAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Polygon annotation with interpolation to the annotation viewer.
  • "addFreehandPolygonAnnotationButton" - create WebUiAnnotationButtonJS object, which adds FreehandPolygon annotation to the annotation viewer.
  • "addCloudPolygonAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Polygon annotation with cloud border to the annotation viewer.
  • "addRulerAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Ruler annotation to the annotation viewer.
  • "addRulersAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Rulers annotation to the annotation viewer.
  • "addAngleAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Angle annotation to the annotation viewer.
  • "addArcAnnotationButton" - create WebUiAnnotationButtonJS object, which adds Arc annotation to the annotation viewer.
  • "addTextAnnotationsToggleButton" - create WebUiToggleButtonJS object, which contains "addTextAnnotationButton", "addStickyNoteAnnotationButton", "addFreeTextAnnotationButton" elments.
  • "addArrowAnnotationsToggleButton" - create WebUiToggleButtonJS object, which contains "addArrowAnnotationButton", "addDoubleArrowAnnotationButton" elements.
  • "addLinesAnnotationsToggleButton" - create WebUiToggleButtonJS object, which contains "addLinesAnnotationButton", "addInterpolatedLinesAnnotationButton", "addFreehandLinesAnnotationButton" elements.
  • "addPolygonAnnotationsToggleButton" - create WebUiToggleButtonJS object, which contains "addPolygonAnnotationButton", "addInterpolatedPolygonAnnotationButton", "addFreehandPolygonAnnotationButton", "addCloudPolygonAnnotationButton" elements.
  • "addRulersAnnotationsToggleButton" - create WebUiToggleButtonJS object, which contains "addRulerAnnotationButton", "addRulersAnnotationButton", "addAngleAnnotationButton" elements.
  • "addEllipticalAnnotationsToggleButton"- create WebUiToggleButtonJS object, which contains "addEllipseAnnotationButton", "addArcAnnotationButton" elements.
  • "noneAnnotationInteractionModeButton" - create WebUiButtonJS object, which changes the annotation interaction mode of annotation visual tool to the "None" interaction mode.
  • "viewAnnotationInteractionModeButton" - create WebUiButtonJS object, which changes the annotation interaction mode of annotation visual tool to the "View" interaction mode.
  • "authorAnnotationInteractionModeButton" - create WebUiButtonJS object, which changes the annotation interaction mode of annotation visual tool to the "Author" interaction mode.
  • "annotationInteractionModeToggleButton"- create WebUiToggleButtonJS object, which contains "noneAnnotationInteractionModeButton", "viewAnnotationInteractionModeButton" and "authorAnnotationInteractionModeButton" elements.
  • "copyAnnotationButton" - create WebUiButtonJS object, which copies focused annotation in clipboard.
  • "pasteAnnotationButton" - create WebUiButtonJS object, which pastes copied annotation from clipboard.
  • "removeAnnotationButton" - create WebUiButtonJS object, which removes focused annotation from annotation collection.
  • "smallAnnotationInteractionPointsButton" - create WebUiButtonJS object, which changes the annotation interaction points size to the small size.
  • "mediumAnnotationInteractionPointsButton" - create WebUiButtonJS object, which changes the annotation interaction points size to the medium size.
  • "largeAnnotationInteractionPointsButton" - create WebUiButtonJS object, which changes the annotation interaction points size to the large size.
  • "annotationInteractionPointsToggleButton" - create WebUiToggleButtonJS object, "smallAnnotationInteractionPointsButton", "mediumAnnotationInteractionPointsButton", "largeAnnotationInteractionPointsButton" elements.
  • "rotateImageWithAnnotationsButton" - create WebUiDialogButtonJS object, which shows/hides dialog with image rotation settings.
  • "burnAnnotationsButton" - create WebUiButtonJS object, which burns annotations on focused image.
  • "saveAnnotationsButton" - create WebUiButtonJS object, which saves annotations of focused image on server.
  • "textSelectionToolButton" - create WebUiVisualToolButtonJS object, which activates Text Selection tool in the image viewer.
  • "pdfImageExtractorToolButton" - create WebUiVisualToolButtonJS object, which activates PDF Image Extractor tool in the image viewer.
  • "removeFocusedImageButton" - create WebUiButtonJS object, which removes focused image from the image viewer.
  • "removeAllImagesButton" - create WebUiButtonJS object, which clears image collection of the image viewer.
  • "pdfInteractiveFormFieldsPanel" - create WebUiPdfInteractiveFormFieldsPanelJS object.
  • "pdfInteractiveFormToolButton" - create WebUiVisualToolButtonJS object, which activates PDF Interactive Form tool in the image viewer.
  • "pdfRedactionMarkAppearanceButton" - create WebUiDialogButtonJS object, which shows/hides dialog with PDF redaction mark appearance.
  • "pdfTextRedactionMarkButton" - create WebUiButtonJS object, which creates the PDF redaction mark for removing text in text selection on PDF page.
  • "pdfRegionRedactionMarkButton" - create WebUiButtonJS object, which creates the PDF redaction mark for removing all content in rectangular region on PDF page.
  • "pdfPageRedactionMarkButton" - create WebUiDialogButtonJS object, which creates the PDF redaction mark(s) for removing all content in PDF page(s).
  • "removeFocusedPdfRedactionMarkButton" - create WebUiButtonJS object, which removes focused redaction mark on PDF page.
  • "applyPdfRedactionMarkButton" - create WebUiButtonJS object, which applies redaction marks to a PDF document.
  • "pdfRedactionMenuItem" - create WebUiElementContainerJS object, which contains "Redaction" label for PDF redaction menu.
  • "pdfRedactionMenuPanel" - create WebUiPanelJS object, which represents panel for "Redaction" menu with "pdfTextRedactionMarkButton", "pdfRegionRedactionMarkButton", "pdfPageRedactionMarkButton", "removeFocusedPdfRedactionMarkButton", "pdfRedactionMarkAppearanceButton", "applyPdfRedactionMarkButton" elements.
  • "pdfRedactionMarkListPanel" - create WebUiPdfRedactionMarkListPanelJS object.

Fabric contains the following IDs if Vintasoft.Imaging.Office.js file is linked to a web page:
  • "vssde-mainMenu"
  • "vssde-fileMenuPanel"
  • "fileMenuItem"
  • "vssde-createXlsxDocumentButton"
  • "vssde-uploadAndOpenFileButton"
  • "vssde-downloadFileButton"
  • "vssde-exportXlsxToPdfButton"
  • "vssde-homeMenu"
  • "vssde-enUsCurrencyNumberFormatButton"
  • "vssde-enUkCurrencyNumberFormatButton"
  • "vssde-ruCurrencyNumberFormatButton"
  • "vssde-chCurrencyNumberFormatButton"
  • "vssde-enInCurrencyNumberFormatButton"
  • "vssde-currencyNumberFormatButton"
  • "vssde-increaseDecimalButton"
  • "vssde-decreaseDecimalButton"
  • "vssde-percentNumberFormatButton"
  • "vssde-numberFormatDropDown"
  • "vssde-fontNameDropDown"
  • "vssde-fontSizeDropDown"
  • "vssde-boldTextButton"
  • "vssde-italicTextButton"
  • "vssde-underlineTextButton"
  • "vssde-strikethroughTextButton"
  • "vssde-fontColorButton"
  • "vssde-fillColorButton"
  • "vssde-copyStyleButton"
  • "vssde-alignLeftButton"
  • "vssde-alignCenterButton"
  • "vssde-alignRightButton"
  • "vssde-topAlignButton"
  • "vssde-middleAlignButton"
  • "vssde-bottomAlignButton"
  • "vssde-textWrappingButton"
  • "vssde-showFormulasButton"
  • "vssde-searchTextButton"
  • "vssde-homeMenu-vertDivider1"
  • "vssde-homeMenu-vertDivider2"
  • "vssde-homeMenu-vertDivider3"
  • "vssde-homeMenu-vertDivider4"
  • "vssde-homeMenu-vertDivider5"
  • "vssde-editMenu"
  • "vssde-clearContentButton"
  • "vssde-clearFormatButton"
  • "vssde-undoButton"
  • "vssde-redoButton"
  • "vssde-cutContentButton"
  • "vssde-copyContentButton"
  • "vssde-pasteContentButton"
  • "vssde-deleteRowsButton"
  • "vssde-deleteColumnsButton"
  • "vssde-deleteCellsAndShiftLeftButton"
  • "vssde-deleteCellsAndShiftUpButton"
  • "vssde-deletePictureButton"
  • "vssde-mergeCellsButton"
  • "vssde-unmergeCellsButton"
  • "vssde-fillCellsDownButton"
  • "vssde-fillCellsUpButton"
  • "vssde-fillCellsLeftButton"
  • "vssde-fillCellsRightButton"
  • "vssde-fillCellsDropDownButton"
  • "vssde-allBordersButton"
  • "vssde-thickOutsideBordersButton"
  • "vssde-noBordersButton"
  • "vssde-outsideBordersButton"
  • "vssde-bottomBorderButton"
  • "vssde-topBorderButton"
  • "vssde-rightBorderButton"
  • "vssde-leftBorderButton"
  • "vssde-thickBottomBorderButton"
  • "vssde-thickLeftBorderButton"
  • "vssde-doubleBottomBorderButton"
  • "vssde-doubleLeftBorderButton"
  • "vssde-borderColorButton"
  • "vssde-cellBordersDropDownButton"
  • "vssde-autoFitRowHeightButton"
  • "vssde-autoFitColumnWidthButton"
  • "vssde-editMenu-vertDivider1"
  • "vssde-editMenu-vertDivider2"
  • "vssde-editMenu-vertDivider3"
  • "vssde-editMenu-vertDivider4"
  • "vssde-editMenu-vertDivider5"
  • "vssde-insertMenu"
  • "vssde-insertRowsButton"
  • "vssde-insertColumnsButton"
  • "vssde-insertCellsAndShiftRightButton"
  • "vssde-insertCellsAndShiftDownButton"
  • "vssde-insertSheetButton"
  • "vssde-insertFunctionButton"
  • "vssde-insertPictureButton"
  • "vssde-formulaPanel"
  • "vssde-formulaPanel-cellNameTextInput"
  • "vssde-formulaPanel-cancelChangeButton"
  • "vssde-formulaPanel-applyChangeButton"
  • "vssde-formulaPanel-formulaTextEditor"
  • "vssde-formulaPanel-cellTextEditor"
  • "vssde-formulaPanel-fullScreenButton"
  • "vssde-footerPanel"
  • "vssde-footerPanel-worksheetPanel-scrollToFirstWorksheetButton"
  • "vssde-footerPanel-worksheetPanel-scrollToLastWorksheetButton"
  • "vssde-footerPanel-worksheetPanel"
  • "vssde-footerPanel-zoomPanel"
  • "vssde-footerPanel-zoomPanel-zoomLabel"
  • "vssde-spreadsheetPanel"
  • "vssde-spreadsheetPanel-contextMenu"
  • "vssde-spreadsheetPanel-contextMenu-copyWorksheet"
  • "vssde-spreadsheetPanel-contextMenu-deleteWorksheet"
  • "vssde-spreadsheetPanel-contextMenu-renameWorksheet"
  • "vssde-spreadsheetPanel-contextMenu-moveWorksheet"
  • "vssde-spreadsheetPanel-contextMenu-copy"
  • "vssde-spreadsheetPanel-contextMenu-cut"
  • "vssde-spreadsheetPanel-contextMenu-paste"
  • "vssde-spreadsheetPanel-contextMenu-clearContents"
  • "vssde-spreadsheetPanel-contextMenu-insertCellAndShiftRight"
  • "vssde-spreadsheetPanel-contextMenu-insertCellAndShiftDown"
  • "vssde-spreadsheetPanel-contextMenu-insertEntireRow"
  • "vssde-spreadsheetPanel-contextMenu-insertEntireColumn"
  • "vssde-spreadsheetPanel-contextMenu-deleteCellAndShiftLeft"
  • "vssde-spreadsheetPanel-contextMenu-deleteCellAndShiftUp"
  • "vssde-spreadsheetPanel-contextMenu-deleteEntireRow"
  • "vssde-spreadsheetPanel-contextMenu-deleteEntireColumn"
  • "vssde-spreadsheetPanel-contextMenu-insertRows"
  • "vssde-spreadsheetPanel-contextMenu-deleteRows"
  • "vssde-spreadsheetPanel-contextMenu-insertComment"
  • "vssde-spreadsheetPanel-contextMenu-editComment"
  • "vssde-spreadsheetPanel-contextMenu-deleteComment"
  • "vssde-spreadsheetPanel-contextMenu-showHideComment"
  • "vssde-spreadsheetPanel-contextMenu-hideComment"
  • "vssde-spreadsheetPanel-contextMenu-hideRows"
  • "vssde-spreadsheetPanel-contextMenu-unhideRows"
  • "vssde-spreadsheetPanel-contextMenu-insertColumns"
  • "vssde-spreadsheetPanel-contextMenu-deleteColumns"
  • "vssde-spreadsheetPanel-contextMenu-hideColumns"
  • "vssde-spreadsheetPanel-contextMenu-unhideColumns"
  • "vssde-spreadsheetPanel-contextMenu-deleteImage"

Browser Compatibility
56+
45+
11
See Also