Easily customize the viewer UI through modular components defined in JSON. Each component can be specified independently, enabling dynamic and granular control over the interface layout and behavior.
This demo allows you to:
Implementation steps
To add Modular UI Customization capability with WebViewer:
Step 1: Choose your preferred web stack
Step 2: Download required modules listed in the Demo Dependencies section below
Step 3: Add the ES6 JavaScript sample code provided in this guide
Demo Dependencies
This sample uses the following:
1
2// ES6 Compliant Syntax
3// GitHub Copilot - October 7, 2025
4// File: modular-ui-customization/index.js
5
6import WebViewer from '@pdftron/webviewer';
7import { saveAs } from 'file-saver';
8
9const element = document.getElementById('viewer');
10const onLoad = async (instance) => {
11 instance.UI.enableFeatureFlag(instance.UI.FeatureFlags.CUSTOMIZABLE_UI);
12
13 // Load default configuration
14 const defaultConfig = await loadConfiguration(0);
15 if (defaultConfig) {
16 configurationOptions[0].cachedConfig = defaultConfig;
17 instance.UI.importModularComponents(defaultConfig);
18 }
19};
20
21let theInstance = null;
22// Initialize WebViewer and load default document
23WebViewer(
24 {
25 path: '/lib',
26 licenseKey: 'YOUR_LICENSE_KEY',
27 initialDoc: 'https://apryse.s3.amazonaws.com/public/files/samples/WebviewerDemoDoc.pdf',
28 enableFilePicker: true, // Enable file picker to open files. In WebViewer -> menu icon -> Open File
29 },
30 element
31).then((instance) => {
32 theInstance = instance;
33 onLoad(instance);
34});
35
36// Configuration metadata with file mapping
37const configurationOptions = [
38 {
39 title: 'Default UI', configFile: 'default.json', cachedConfig: null,
40 description: 'The default UI features our out-of-the-box ribbon interface created using Modular Components.',
41 },
42 {
43 title: 'Alternate UI', configFile: 'custom-left.json', cachedConfig: null,
44 description: 'This alternate UI replaces the left tab panel with individual toggle buttons to open standalone panels.\n' +
45 'A vertical header is added to the left side of the UI to house the panel toggles and the select/pan tools.',
46 },
47 {
48 title: 'Vertical Headers', configFile: 'vertical.json', cachedConfig: null,
49 description: 'This configuration features vertical headers on the left and right sides of the UI.\n' +
50 'The left header contains the icon ribbons tools and the right header contains panel toggles as well as page navigation controls.',
51 },
52 {
53 title: 'No Ribbons', configFile: 'no-ribbons.json', cachedConfig: null,
54 description: 'This configuration uses tools without ribbons, instead, the tools are placed in the top header.',
55 },
56 {
57 title: 'Ribbons with Icons', configFile: 'ribbons-with-icons.json', cachedConfig: null,
58 description: 'This configuration uses tools with ribbons and icons, as well as a right vertical header with panel toggles as well as page navigation controls.',
59 },
60 {
61 title: 'Custom Configuration', configFile: '', cachedConfig: null, description: null,
62 },
63];
64
65const customConfigIndex = configurationOptions.findIndex(config => config.title === 'Custom Configuration');
66
67// Function to load configuration file
68const loadConfiguration = async (configIndex) => {
69 const configFile = configurationOptions[configIndex].configFile;
70 if (configFile === '') return null;
71
72 try {
73 const response = await fetch(`/showcase-demos/modular-ui-customization/modular-ui/${configFile}`);
74 if (!response.ok) {
75 throw new Error(`Failed to load configuration: ${response.statusText}`);
76 }
77 return await response.json();
78 } catch (error) {
79 console.error('Error loading configuration:', error);
80 return null;
81 }
82};
83
84// UI section
85
86// Create a container for all controls (labels, radio buttons and button)
87const controlsContainer = document.createElement('div');
88
89// Create a radio group for configurations
90const configGroup = document.createElement('div');
91
92configurationOptions.forEach((config, index) => {
93 const label = document.createElement('label');
94 label.textContent = config.title;
95 label.htmlFor = config.title;
96 label.className = 'radio-label-class';
97
98 const radio = document.createElement('input');
99 radio.type = 'radio';
100 radio.name = 'config';
101 radio.id = config.title;
102 radio.value = config.configFile;
103 radio.checked = (index === 0); // Check the first option by default
104 radio.disabled = (index === customConfigIndex);
105 configGroup.appendChild(radio);
106 configGroup.appendChild(label);
107 radio.onchange = async () => {
108 descriptionElement.textContent = configurationOptions[index].description || '';
109 // If we already loaded this configuration, use the cached version
110 if (configurationOptions[index].cachedConfig) {
111 await theInstance.UI.importModularComponents(configurationOptions[index].cachedConfig);
112 return;
113 }
114 // Otherwise, load it from the file
115 const config = await loadConfiguration(index);
116 if (config) {
117 configurationOptions[index].cachedConfig = config;
118 await theInstance.UI.importModularComponents(config);
119 }
120 };
121});
122
123controlsContainer.appendChild(configGroup);
124// Create a description area
125const descriptionElement = document.createElement('div');
126descriptionElement.style.marginTop = '10px';
127descriptionElement.style.whiteSpace = 'pre-wrap';
128descriptionElement.textContent = configurationOptions[0].description;
129controlsContainer.appendChild(descriptionElement);
130
131// Create a hidden file input for uploading configuration files
132const fileUpload = document.createElement('input');
133fileUpload.style.display = 'none';
134fileUpload.type = 'file';
135fileUpload.accept = '.json';
136fileUpload.onchange = (event) => {
137 const file = event.target.files[0];
138 if (file) {
139 const reader = new FileReader();
140 reader.onload = async (e) => {
141 try {
142 const jsonContent = JSON.parse(e.target.result);
143 await theInstance.UI.importModularComponents(jsonContent);
144 descriptionElement.textContent = 'Custom configuration loaded from file: ' + file.name;
145 configurationOptions[customConfigIndex].cachedConfig = jsonContent;
146 configurationOptions[customConfigIndex].description = 'Cached custom configuration from file: ' + file.name;
147 const customRadio = document.getElementById('Custom Configuration');
148 customRadio.disabled = false;
149 customRadio.checked = true;
150 } catch (error) {
151 console.error('Invalid JSON file:', error);
152 descriptionElement.textContent = 'Error Loading Configuration, See Console For Details';
153 }
154 };
155 reader.readAsText(file);
156 }
157};
158
159const downloadJSON = (data) => {
160 // Convert JSON data to string
161 const jsonString = JSON.stringify(data, null, 2); // Pretty print with 2 spaces indentation
162
163 // Create a Blob from the JSON string
164 const blob = new Blob([jsonString], { type: 'application/json' });
165
166 // Use FileSaver's saveAs function to trigger the download
167 saveAs(blob, 'modular_components.json');
168};
169
170// Create a button to load the selected configuration
171const buttonLoad = document.createElement('button');
172buttonLoad.textContent = 'Load UI Configuration';
173buttonLoad.onclick = async () => {
174 fileUpload.click();
175}
176controlsContainer.appendChild(buttonLoad);
177// Create a button to download the current configuration
178const buttonDownload = document.createElement('button');
179buttonDownload.textContent = 'Download UI Configuration';
180buttonDownload.onclick = async () => {
181 try {
182 const data = theInstance.UI.exportModularComponents();
183 downloadJSON(data);
184 } catch (error) {
185 console.error('Error exporting modular components:', error);
186 }
187}
188controlsContainer.appendChild(buttonDownload);
189// Apply classes for styling using CSS
190buttonLoad.className = 'btn-style';
191buttonDownload.className = 'btn-style';
192controlsContainer.className = 'control-container';
193// Append elements to the controls container
194element.parentElement.insertBefore(controlsContainer, element);
195
1
2
3/* Radio Label Styling */
4.radio-label-class {
5 margin-left: 5px;
6 margin-right: 15px;
7 font-weight: bold;
8 color: #333;
9 font-size: 14px;
10 display: inline-block;
11}
12
13/* Button Styles */
14.btn-style {
15 margin: 5px;
16 padding: 5px 10px;
17 border: 1px solid #ccc;
18 border-radius: 4px;
19 cursor: pointer;
20 font-size: 14px;
21 font-weight: bold;
22 transition: all 0.2s ease;
23 box-shadow: 0 2px 4px rgba(0,0,0,0.1);
24 color: white;
25 /* background-color: #ebedf0; */
26 background-color: #0056b3;
27}
28
29.btn-style:hover:enabled {
30 transform: translateY(-1px);
31 box-shadow: 0 4px 8px rgba(0,0,0,0.2);
32}
33
34.btn-style:active:enabled {
35 transform: translateY(1px);
36 box-shadow: 0 1px 2px rgba(0,0,0,0.2);
37}
38
39.btn-style:disabled {
40 background-color: #a0a0a0;
41 cursor: not-allowed;
42 box-shadow: none;
43}
44
45/* Controls Container */
46.control-container {
47 align-items: center;
48 gap: 1px;
49 margin: 5px;
50 padding-bottom: 5px;
51 border-bottom: 1px solid #e0e0e0;
52 background-color: rgba(112, 198, 255, 0.2 /* Light blue background for contrast */);
53}
54
55/* Responsive Design */
56@media (max-width: 768px) {
57 .btn-style {
58 margin: 5px;
59 padding: 8px 12px;
60 font-size: 16px;
61 }
62
63 .control-container {
64 align-items: center;
65 }
66}
67
1{
2 "modularComponents": {
3 "comparePanelToggle": {
4 "dataElement": "comparePanelToggle",
5 "title": "action.comparePages",
6 "label": "action.comparePages",
7 "type": "presetButton",
8 "buttonType": "compareButton",
9 "disabled": true
10 },
11 "filePickerButton": {
12 "dataElement": "filePickerButton",
13 "title": "action.openFile",
14 "label": "action.openFile",
15 "type": "presetButton",
16 "buttonType": "filePickerButton"
17 },
18 "downloadButton": {
19 "dataElement": "downloadButton",
20 "title": "action.download",
21 "label": "action.download",
22 "type": "presetButton",
23 "buttonType": "downloadButton"
24 },
25 "saveAsButton": {
26 "dataElement": "saveAsButton",
27 "title": "saveModal.saveAs",
28 "label": "saveModal.saveAs",
29 "type": "presetButton",
30 "buttonType": "saveAsButton"
31 },
32 "printButton": {
33 "dataElement": "printButton",
34 "title": "action.print",
35 "label": "action.print",
36 "type": "presetButton",
37 "buttonType": "printButton"
38 },
39 "createPortfolioButton": {
40 "dataElement": "createPortfolioButton",
41 "title": "portfolio.createPDFPortfolio",
42 "label": "portfolio.createPDFPortfolio",
43 "type": "presetButton",
44 "buttonType": "createPortfolioButton",
45 "disabled": false
46 },
47 "settingsButton": {
48 "dataElement": "settingsButton",
49 "title": "option.settings.settings",
50 "label": "option.settings.settings",
51 "type": "presetButton",
52 "buttonType": "settingsButton"
53 },
54 "divider-0.1": {
55 "dataElement": "divider-0.1",
56 "type": "divider"
57 },
58 "leftPanelButton": {
59 "dataElement": "leftPanelButton",
60 "title": "component.leftPanel",
61 "type": "toggleButton",
62 "img": "icon-header-sidebar-line",
63 "toggleElement": "tabPanel"
64 },
65 "view-controls": {
66 "dataElement": "view-controls",
67 "type": "viewControls",
68 "title": "component.viewControls",
69 "icon": "icon-header-page-manipulation-line"
70 },
71 "divider-0.3": {
72 "dataElement": "divider-0.3",
73 "type": "divider"
74 },
75 "zoom-container": {
76 "dataElement": "zoom-container",
77 "type": "zoom"
78 },
79 "divider-0.2": {
80 "dataElement": "divider-0.2",
81 "type": "divider"
82 },
83 "panToolButton": {
84 "dataElement": "panToolButton",
85 "type": "toolButton",
86 "toolName": "Pan"
87 },
88 "annotationEditToolButton": {
89 "dataElement": "annotationEditToolButton",
90 "type": "toolButton",
91 "toolName": "AnnotationEdit"
92 },
93 "menuButton": {
94 "dataElement": "menuButton",
95 "img": "ic-hamburger-menu",
96 "title": "component.menuOverlay",
97 "toggleElement": "MainMenuFlyout",
98 "type": "toggleButton"
99 },
100 "groupedLeftHeaderButtons": {
101 "dataElement": "groupedLeftHeaderButtons",
102 "items": [
103 "menuButton",
104 "divider-0.1",
105 "leftPanelButton",
106 "view-controls",
107 "divider-0.3",
108 "zoom-container",
109 "divider-0.2",
110 "panToolButton",
111 "annotationEditToolButton"
112 ],
113 "type": "groupedItems",
114 "grow": 1,
115 "gap": 12,
116 "alwaysVisible": true
117 },
118 "toolbarGroup-View": {
119 "dataElement": "toolbarGroup-View",
120 "title": "View",
121 "type": "ribbonItem",
122 "label": "View",
123 "groupedItems": [],
124 "toolbarGroup": "toolbarGroup-View"
125 },
126 "toolbarGroup-Annotate": {
127 "dataElement": "toolbarGroup-Annotate",
128 "title": "Annotate",
129 "type": "ribbonItem",
130 "label": "Annotate",
131 "groupedItems": [
132 "annotateGroupedItems"
133 ],
134 "toolbarGroup": "toolbarGroup-Annotate"
135 },
136 "toolbarGroup-Shapes": {
137 "dataElement": "toolbarGroup-Shapes",
138 "title": "Shapes",
139 "type": "ribbonItem",
140 "label": "Shapes",
141 "groupedItems": [
142 "shapesGroupedItems"
143 ],
144 "toolbarGroup": "toolbarGroup-Shapes"
145 },
146 "toolbarGroup-Insert": {
147 "dataElement": "toolbarGroup-Insert",
148 "title": "Insert",
149 "type": "ribbonItem",
150 "label": "Insert",
151 "groupedItems": [
152 "insertGroupedItems"
153 ],
154 "toolbarGroup": "toolbarGroup-Insert"
155 },
156 "toolbarGroup-Measure": {
157 "dataElement": "toolbarGroup-Measure",
158 "title": "Measure",
159 "type": "ribbonItem",
160 "label": "Measure",
161 "groupedItems": [
162 "measureGroupedItems"
163 ],
164 "toolbarGroup": "toolbarGroup-Measure"
165 },
166 "toolbarGroup-Redact": {
167 "dataElement": "toolbarGroup-Redact",
168 "title": "Redact",
169 "type": "ribbonItem",
170 "label": "Redact",
171 "groupedItems": [
172 "redactionGroupedItems"
173 ],
174 "toolbarGroup": "toolbarGroup-Redact"
175 },
176 "toolbarGroup-Edit": {
177 "dataElement": "toolbarGroup-Edit",
178 "title": "Edit",
179 "type": "ribbonItem",
180 "label": "Edit",
181 "groupedItems": [
182 "editGroupedItems"
183 ],
184 "toolbarGroup": "toolbarGroup-Edit"
185 },
186 "toolbarGroup-EditText": {
187 "dataElement": "toolbarGroup-EditText",
188 "title": "Content Edit",
189 "type": "ribbonItem",
190 "label": "Content Edit",
191 "groupedItems": [
192 "contentEditGroupedItems"
193 ],
194 "toolbarGroup": "toolbarGroup-EditText"
195 },
196 "toolbarGroup-FillAndSign": {
197 "dataElement": "toolbarGroup-FillAndSign",
198 "title": "Fill and Sign",
199 "type": "ribbonItem",
200 "label": "Fill and Sign",
201 "groupedItems": [
202 "fillAndSignGroupedItems"
203 ],
204 "toolbarGroup": "toolbarGroup-FillAndSign"
205 },
206 "toolbarGroup-Forms": {
207 "dataElement": "toolbarGroup-Forms",
208 "title": "Forms",
209 "type": "ribbonItem",
210 "label": "Forms",
211 "groupedItems": [
212 "formsGroupedItems"
213 ],
214 "toolbarGroup": "toolbarGroup-Forms"
215 },
216 "default-ribbon-group": {
217 "dataElement": "default-ribbon-group",
218 "items": [
219 "toolbarGroup-View",
220 "toolbarGroup-Annotate",
221 "toolbarGroup-Shapes",
222 "toolbarGroup-Insert",
223 "toolbarGroup-Measure",
224 "toolbarGroup-Redact",
225 "toolbarGroup-Edit",
226 "toolbarGroup-EditText",
227 "toolbarGroup-FillAndSign",
228 "toolbarGroup-Forms"
229 ],
230 "type": "ribbonGroup",
231 "justifyContent": "start",
232 "grow": 2,
233 "gap": 12,
234 "alwaysVisible": false
235 },
236 "searchPanelToggle": {
237 "dataElement": "searchPanelToggle",
238 "title": "component.searchPanel",
239 "type": "toggleButton",
240 "img": "icon-header-search",
241 "toggleElement": "searchPanel"
242 },
243 "notesPanelToggle": {
244 "dataElement": "notesPanelToggle",
245 "title": "component.notesPanel",
246 "type": "toggleButton",
247 "img": "icon-header-chat-line",
248 "toggleElement": "notesPanel"
249 },
250 "highlightToolButton": {
251 "dataElement": "highlightToolButton",
252 "type": "toolButton",
253 "toolName": "AnnotationCreateTextHighlight"
254 },
255 "underlineToolButton": {
256 "dataElement": "underlineToolButton",
257 "type": "toolButton",
258 "toolName": "AnnotationCreateTextUnderline"
259 },
260 "strikeoutToolButton": {
261 "dataElement": "strikeoutToolButton",
262 "type": "toolButton",
263 "toolName": "AnnotationCreateTextStrikeout"
264 },
265 "squigglyToolButton": {
266 "dataElement": "squigglyToolButton",
267 "type": "toolButton",
268 "toolName": "AnnotationCreateTextSquiggly"
269 },
270 "freeTextToolButton": {
271 "dataElement": "freeTextToolButton",
272 "type": "toolButton",
273 "toolName": "AnnotationCreateFreeText"
274 },
275 "markInsertTextToolButton": {
276 "dataElement": "markInsertTextToolButton",
277 "type": "toolButton",
278 "toolName": "AnnotationCreateMarkInsertText"
279 },
280 "markReplaceTextToolButton": {
281 "dataElement": "markReplaceTextToolButton",
282 "type": "toolButton",
283 "toolName": "AnnotationCreateMarkReplaceText"
284 },
285 "freeHandToolButton": {
286 "dataElement": "freeHandToolButton",
287 "type": "toolButton",
288 "toolName": "AnnotationCreateFreeHand"
289 },
290 "freeHandHighlightToolButton": {
291 "dataElement": "freeHandHighlightToolButton",
292 "type": "toolButton",
293 "toolName": "AnnotationCreateFreeHandHighlight"
294 },
295 "stickyToolButton": {
296 "dataElement": "stickyToolButton",
297 "type": "toolButton",
298 "toolName": "AnnotationCreateSticky"
299 },
300 "calloutToolButton": {
301 "dataElement": "calloutToolButton",
302 "type": "toolButton",
303 "toolName": "AnnotationCreateCallout"
304 },
305 "divider-0.4": {
306 "dataElement": "divider-0.4",
307 "type": "divider"
308 },
309 "stylePanelToggle": {
310 "dataElement": "stylePanelToggle",
311 "title": "action.style",
312 "type": "toggleButton",
313 "img": "icon-style-panel-toggle",
314 "toggleElement": "stylePanel"
315 },
316 "indexPanelListToggle": {
317 "dataElement": "indexPanelListToggle",
318 "title": "component.indexPanel",
319 "type": "toggleButton",
320 "img": "icon-index-panel-list",
321 "toggleElement": "indexPanel"
322 },
323 "divider-0.5": {
324 "dataElement": "divider-0.5",
325 "type": "divider"
326 },
327 "undoButton": {
328 "dataElement": "undoButton",
329 "type": "presetButton",
330 "buttonType": "undoButton"
331 },
332 "redoButton": {
333 "dataElement": "redoButton",
334 "type": "presetButton",
335 "buttonType": "redoButton"
336 },
337 "toggleAccessibilityModeButton": {
338 "dataElement": "toggleAccessibilityModePresetButton",
339 "type": "presetButton",
340 "buttonType": "toggleAccessibilityModeButton"
341 },
342 "eraserToolButton": {
343 "dataElement": "eraserToolButton",
344 "type": "toolButton",
345 "toolName": "AnnotationEraserTool"
346 },
347 "defaultAnnotationUtilities": {
348 "dataElement": "defaultAnnotationUtilities",
349 "items": [
350 "divider-0.5",
351 "undoButton",
352 "redoButton",
353 "eraserToolButton"
354 ],
355 "type": "groupedItems",
356 "grow": 0,
357 "gap": 12,
358 "alwaysVisible": false
359 },
360 "annotateToolsGroupedItems": {
361 "dataElement": "annotateToolsGroupedItems",
362 "items": [
363 "highlightToolButton",
364 "underlineToolButton",
365 "strikeoutToolButton",
366 "squigglyToolButton",
367 "freeHandToolButton",
368 "freeHandHighlightToolButton",
369 "freeTextToolButton",
370 "markInsertTextToolButton",
371 "markReplaceTextToolButton",
372 "stickyToolButton",
373 "calloutToolButton"
374 ],
375 "type": "groupedItems",
376 "justifyContent": "center",
377 "grow": 0,
378 "gap": 12,
379 "alwaysVisible": false
380 },
381 "annotateGroupedItems": {
382 "dataElement": "annotateGroupedItems",
383 "items": [
384 "annotateToolsGroupedItems",
385 "divider-0.4",
386 "stylePanelToggle",
387 "defaultAnnotationUtilities"
388 ],
389 "type": "groupedItems",
390 "justifyContent": "center",
391 "grow": 0,
392 "gap": 12,
393 "alwaysVisible": false
394 },
395 "rectangleToolButton": {
396 "dataElement": "rectangleToolButton",
397 "type": "toolButton",
398 "toolName": "AnnotationCreateRectangle"
399 },
400 "ellipseToolButton": {
401 "dataElement": "ellipseToolButton",
402 "type": "toolButton",
403 "toolName": "AnnotationCreateEllipse"
404 },
405 "arcToolButton": {
406 "dataElement": "arcToolButton",
407 "type": "toolButton",
408 "toolName": "AnnotationCreateArc"
409 },
410 "polygonToolButton": {
411 "dataElement": "polygonToolButton",
412 "type": "toolButton",
413 "toolName": "AnnotationCreatePolygon"
414 },
415 "cloudToolButton": {
416 "dataElement": "cloudToolButton",
417 "type": "toolButton",
418 "toolName": "AnnotationCreatePolygonCloud"
419 },
420 "lineToolButton": {
421 "dataElement": "lineToolButton",
422 "type": "toolButton",
423 "toolName": "AnnotationCreateLine"
424 },
425 "polylineToolButton": {
426 "dataElement": "polylineToolButton",
427 "type": "toolButton",
428 "toolName": "AnnotationCreatePolyline"
429 },
430 "arrowToolButton": {
431 "dataElement": "arrowToolButton",
432 "type": "toolButton",
433 "toolName": "AnnotationCreateArrow"
434 },
435 "shapesToolsGroupedItems": {
436 "dataElement": "shapesToolsGroupedItems",
437 "items": [
438 "rectangleToolButton",
439 "ellipseToolButton",
440 "arcToolButton",
441 "polygonToolButton",
442 "cloudToolButton",
443 "lineToolButton",
444 "polylineToolButton",
445 "arrowToolButton"
446 ],
447 "type": "groupedItems",
448 "grow": 0,
449 "gap": 12,
450 "alwaysVisible": false
451 },
452 "shapesGroupedItems": {
453 "dataElement": "shapesGroupedItems",
454 "items": [
455 "shapesToolsGroupedItems",
456 "divider-0.4",
457 "stylePanelToggle",
458 "defaultAnnotationUtilities"
459 ],
460 "type": "groupedItems",
461 "grow": 0,
462 "gap": 12,
463 "alwaysVisible": false
464 },
465 "rubberStampToolButton": {
466 "dataElement": "rubberStampToolButton",
467 "type": "toolButton",
468 "toolName": "AnnotationCreateRubberStamp"
469 },
470 "signatureCreateToolButton": {
471 "dataElement": "signatureCreateToolButton",
472 "type": "toolButton",
473 "toolName": "AnnotationCreateSignature"
474 },
475 "fileAttachmentButton": {
476 "dataElement": "fileAttachmentButton",
477 "type": "toolButton",
478 "toolName": "AnnotationCreateFileAttachment"
479 },
480 "stampToolButton": {
481 "dataElement": "stampToolButton",
482 "type": "toolButton",
483 "toolName": "AnnotationCreateStamp"
484 },
485 "insertToolsGroupedItems": {
486 "dataElement": "insertToolsGroupedItems",
487 "items": [
488 "rubberStampToolButton",
489 "signatureCreateToolButton",
490 "fileAttachmentButton",
491 "stampToolButton"
492 ],
493 "type": "groupedItems",
494 "grow": 0,
495 "gap": 12,
496 "alwaysVisible": false
497 },
498 "insertGroupedItems": {
499 "dataElement": "insertGroupedItems",
500 "items": [
501 "insertToolsGroupedItems",
502 "divider-0.4",
503 "stylePanelToggle",
504 "defaultAnnotationUtilities"
505 ],
506 "type": "groupedItems",
507 "grow": 0,
508 "gap": 12,
509 "alwaysVisible": false
510 },
511 "redactionToolButton": {
512 "dataElement": "redactionToolButton",
513 "type": "toolButton",
514 "toolName": "AnnotationCreateRedaction"
515 },
516 "pageRedactionToggleButton": {
517 "dataElement": "pageRedactionToggleButton",
518 "title": "action.redactPages",
519 "type": "toggleButton",
520 "img": "icon-tool-page-redact",
521 "toggleElement": "pageRedactionModal"
522 },
523 "redactionPanelToggle": {
524 "dataElement": "redactionPanelToggle",
525 "type": "toggleButton",
526 "img": "icon-redact-panel",
527 "toggleElement": "redactionPanel",
528 "title": "component.redactionPanel"
529 },
530 "redactionGroupedItems": {
531 "dataElement": "redactionGroupedItems",
532 "items": [
533 "redactionToolButton",
534 "pageRedactionToggleButton",
535 "redactionPanelToggle",
536 "divider-0.4",
537 "stylePanelToggle",
538 "defaultAnnotationUtilities"
539 ],
540 "type": "groupedItems",
541 "grow": 0,
542 "gap": 12,
543 "alwaysVisible": false
544 },
545 "distanceMeasurementToolButton": {
546 "dataElement": "distanceMeasurementToolButton",
547 "type": "toolButton",
548 "toolName": "AnnotationCreateDistanceMeasurement"
549 },
550 "arcMeasurementToolButton": {
551 "dataElement": "arcMeasurementToolButton",
552 "type": "toolButton",
553 "toolName": "AnnotationCreateArcMeasurement"
554 },
555 "perimeterMeasurementToolButton": {
556 "dataElement": "perimeterMeasurementToolButton",
557 "type": "toolButton",
558 "toolName": "AnnotationCreatePerimeterMeasurement"
559 },
560 "areaMeasurementToolButton": {
561 "dataElement": "areaMeasurementToolButton",
562 "type": "toolButton",
563 "toolName": "AnnotationCreateAreaMeasurement"
564 },
565 "ellipseMeasurementToolButton": {
566 "dataElement": "ellipseMeasurementToolButton",
567 "type": "toolButton",
568 "toolName": "AnnotationCreateEllipseMeasurement"
569 },
570 "rectangularAreaMeasurementToolButton": {
571 "dataElement": "rectangularAreaMeasurementToolButton",
572 "type": "toolButton",
573 "toolName": "AnnotationCreateRectangularAreaMeasurement"
574 },
575 "countMeasurementToolButton": {
576 "dataElement": "countMeasurementToolButton",
577 "type": "toolButton",
578 "toolName": "AnnotationCreateCountMeasurement"
579 },
580 "measureGroupedItems": {
581 "dataElement": "measureGroupedItems",
582 "items": [
583 "distanceMeasurementToolButton",
584 "arcMeasurementToolButton",
585 "perimeterMeasurementToolButton",
586 "areaMeasurementToolButton",
587 "ellipseMeasurementToolButton",
588 "rectangularAreaMeasurementToolButton",
589 "countMeasurementToolButton",
590 "divider-0.4",
591 "stylePanelToggle",
592 "defaultAnnotationUtilities"
593 ],
594 "type": "groupedItems",
595 "grow": 0,
596 "gap": 12,
597 "alwaysVisible": false
598 },
599 "cropToolButton": {
600 "dataElement": "cropToolButton",
601 "type": "toolButton",
602 "toolName": "CropPage"
603 },
604 "snippingToolButton": {
605 "dataElement": "snippingToolButton",
606 "type": "toolButton",
607 "toolName": "SnippingTool"
608 },
609 "editGroupedItems": {
610 "dataElement": "editGroupedItems",
611 "items": [
612 "cropToolButton",
613 "snippingToolButton"
614 ],
615 "type": "groupedItems",
616 "grow": 0,
617 "gap": 12,
618 "alwaysVisible": false
619 },
620 "addParagraphToolGroupButton": {
621 "dataElement": "addParagraphToolGroupButton",
622 "type": "toolButton",
623 "toolName": "AddParagraphTool"
624 },
625 "addImageContentToolGroupButton": {
626 "dataElement": "addImageContentToolGroupButton",
627 "type": "toolButton",
628 "toolName": "AddImageContentTool"
629 },
630 "divider-0.6": {
631 "dataElement": "divider-0.6",
632 "type": "divider"
633 },
634 "contentEditButton": {
635 "dataElement": "contentEditButton",
636 "type": "presetButton",
637 "buttonType": "contentEditButton"
638 },
639 "contentEditGroupedItems": {
640 "dataElement": "contentEditGroupedItems",
641 "items": [
642 "addParagraphToolGroupButton",
643 "addImageContentToolGroupButton",
644 "divider-0.6",
645 "contentEditButton"
646 ],
647 "type": "groupedItems",
648 "grow": 0,
649 "gap": 12,
650 "alwaysVisible": false
651 },
652 "crossStampToolButton": {
653 "dataElement": "crossStampToolButton",
654 "type": "toolButton",
655 "toolName": "AnnotationCreateCrossStamp"
656 },
657 "checkStampToolButton": {
658 "dataElement": "checkStampToolButton",
659 "type": "toolButton",
660 "toolName": "AnnotationCreateCheckStamp"
661 },
662 "dotStampToolButton": {
663 "dataElement": "dotStampToolButton",
664 "type": "toolButton",
665 "toolName": "AnnotationCreateDotStamp"
666 },
667 "calendarToolButton": {
668 "dataElement": "calendarToolButton",
669 "type": "toolButton",
670 "toolName": "AnnotationCreateDateFreeText"
671 },
672 "fillAndSignGroupedItems": {
673 "dataElement": "fillAndSignGroupedItems",
674 "items": [
675 "signatureCreateToolButton",
676 "freeTextToolButton",
677 "crossStampToolButton",
678 "checkStampToolButton",
679 "dotStampToolButton",
680 "rubberStampToolButton",
681 "calendarToolButton",
682 "divider-0.4",
683 "stylePanelToggle",
684 "defaultAnnotationUtilities"
685 ],
686 "type": "groupedItems",
687 "grow": 0,
688 "gap": 12,
689 "alwaysVisible": false
690 },
691 "signatureFieldButton": {
692 "dataElement": "signatureFieldButton",
693 "type": "toolButton",
694 "toolName": "SignatureFormFieldCreateTool"
695 },
696 "textFieldButton": {
697 "dataElement": "textFieldButton",
698 "type": "toolButton",
699 "toolName": "TextFormFieldCreateTool"
700 },
701 "checkboxFieldButton": {
702 "dataElement": "checkboxFieldButton",
703 "type": "toolButton",
704 "toolName": "CheckBoxFormFieldCreateTool"
705 },
706 "radioFieldButton": {
707 "dataElement": "radioFieldButton",
708 "type": "toolButton",
709 "toolName": "RadioButtonFormFieldCreateTool"
710 },
711 "listBoxFieldButton": {
712 "dataElement": "listBoxFieldButton",
713 "type": "toolButton",
714 "toolName": "ListBoxFormFieldCreateTool"
715 },
716 "comboBoxFieldButton": {
717 "dataElement": "comboBoxFieldButton",
718 "type": "toolButton",
719 "toolName": "ComboBoxFormFieldCreateTool"
720 },
721 "divider-0.7": {
722 "dataElement": "divider-0.7",
723 "type": "divider"
724 },
725 "formFieldEditButton": {
726 "dataElement": "formFieldEditButton",
727 "type": "presetButton",
728 "buttonType": "formFieldEditButton"
729 },
730 "divider-0.8": {
731 "dataElement": "divider-0.8",
732 "type": "divider"
733 },
734 "formsToolsGroupedItems": {
735 "dataElement": "formsToolsGroupedItems",
736 "items": [
737 "signatureFieldButton",
738 "textFieldButton",
739 "freeTextToolButton",
740 "checkboxFieldButton",
741 "radioFieldButton",
742 "listBoxFieldButton",
743 "comboBoxFieldButton",
744 "divider-0.7",
745 "formFieldEditButton"
746 ],
747 "type": "groupedItems",
748 "grow": 0,
749 "gap": 12,
750 "alwaysVisible": false
751 },
752 "formsGroupedItems": {
753 "dataElement": "formsGroupedItems",
754 "items": [
755 "formsToolsGroupedItems",
756 "divider-0.8",
757 "stylePanelToggle",
758 "indexPanelListToggle"
759 ],
760 "type": "groupedItems",
761 "grow": 0,
762 "gap": 12,
763 "alwaysVisible": false
764 },
765 "page-controls-container": {
766 "dataElement": "page-controls-container",
767 "type": "pageControls",
768 "title": "component.pageControls",
769 "icon": "icon-page-controls"
770 },
771 "newDocumentButton": {
772 "dataElement": "newDocumentButton",
773 "presetDataElement": "newDocumentPresetButton",
774 "label": "action.newDocument",
775 "title": "action.newDocument",
776 "type": "presetButton",
777 "buttonType": "newDocumentButton"
778 },
779 "fullscreenButton": {
780 "dataElement": "fullscreenButton",
781 "presetDataElement": "fullscreenPresetButton",
782 "label": "action.enterFullscreen",
783 "title": "action.enterFullscreen",
784 "type": "presetButton",
785 "buttonType": "fullscreenButton"
786 }
787 },
788 "modularHeaders": {
789 "default-top-header-demo": {
790 "dataElement": "default-top-header-demo",
791 "placement": "top",
792 "grow": 0,
793 "gap": 12,
794 "position": "start",
795 "float": false,
796 "stroke": true,
797 "dimension": {
798 "paddingTop": 8,
799 "paddingBottom": 8,
800 "borderWidth": 1
801 },
802 "style": {},
803 "items": [
804 "groupedLeftHeaderButtons",
805 "default-ribbon-group",
806 "comparePanelToggle",
807 "searchPanelToggle",
808 "notesPanelToggle"
809 ]
810 },
811 "tools-header": {
812 "dataElement": "tools-header",
813 "placement": "top",
814 "justifyContent": "center",
815 "grow": 0,
816 "gap": 12,
817 "position": "end",
818 "float": false,
819 "stroke": true,
820 "dimension": {
821 "paddingTop": 8,
822 "paddingBottom": 8,
823 "borderWidth": 1
824 },
825 "style": {},
826 "items": [
827 "annotateGroupedItems",
828 "shapesGroupedItems",
829 "insertGroupedItems",
830 "redactionGroupedItems",
831 "measureGroupedItems",
832 "editGroupedItems",
833 "contentEditGroupedItems",
834 "fillAndSignGroupedItems",
835 "formsGroupedItems"
836 ]
837 },
838 "page-nav-floating-header": {
839 "dataElement": "page-nav-floating-header",
840 "placement": "bottom",
841 "grow": 0,
842 "gap": 12,
843 "position": "center",
844 "opacityMode": "dynamic",
845 "opacity": "none",
846 "float": true,
847 "stroke": true,
848 "dimension": {
849 "paddingTop": 8,
850 "paddingBottom": 8,
851 "borderWidth": 1
852 },
853 "style": {
854 "background": "var(--gray-1)",
855 "padding": "8px",
856 "borderStyle": "solid",
857 "borderWidth": 1,
858 "borderColor": "var(--gray-5)"
859 },
860 "items": [
861 "page-controls-container"
862 ]
863 }
864 },
865 "panels": {
866 "comparePanel": {
867 "dataElement": "comparePanel",
868 "render": "changeListPanel",
869 "location": "right"
870 },
871 "stylePanel": {
872 "dataElement": "stylePanel",
873 "render": "stylePanel",
874 "location": "left"
875 },
876 "thumbnailsPanel": {
877 "dataElement": "thumbnailsPanel",
878 "render": "thumbnailsPanel",
879 "location": "left"
880 },
881 "outlinesPanel": {
882 "dataElement": "outlinesPanel",
883 "render": "outlinesPanel",
884 "location": "left"
885 },
886 "bookmarksPanel": {
887 "dataElement": "bookmarksPanel",
888 "render": "bookmarksPanel",
889 "location": "left"
890 },
891 "formFieldPanel": {
892 "dataElement": "formFieldPanel",
893 "render": "formFieldPanel",
894 "location": "right"
895 },
896 "indexPanel": {
897 "dataElement": "indexPanel",
898 "render": "indexPanel",
899 "location": "right"
900 },
901 "layersPanel": {
902 "dataElement": "layersPanel",
903 "render": "layersPanel",
904 "location": "left"
905 },
906 "signatureListPanel": {
907 "dataElement": "signatureListPanel",
908 "render": "signatureListPanel",
909 "location": "left"
910 },
911 "fileAttachmentPanel": {
912 "dataElement": "fileAttachmentPanel",
913 "render": "fileAttachmentPanel",
914 "location": "left"
915 },
916 "rubberStampPanel": {
917 "dataElement": "rubberStampPanel",
918 "render": "rubberStampPanel",
919 "location": "left"
920 },
921 "textEditingPanel": {
922 "dataElement": "textEditingPanel",
923 "render": "textEditingPanel",
924 "location": "right"
925 },
926 "signaturePanel": {
927 "dataElement": "signaturePanel",
928 "render": "signaturePanel",
929 "location": "left",
930 "disabled": false
931 },
932 "portfolioPanel": {
933 "dataElement": "portfolioPanel",
934 "render": "portfolioPanel",
935 "location": "left",
936 "disabled": false
937 },
938 "tabPanel": {
939 "render": "tabPanel",
940 "dataElement": "tabPanel",
941 "panelsList": [
942 {
943 "render": "thumbnailsPanel"
944 },
945 {
946 "render": "outlinesPanel"
947 },
948 {
949 "render": "bookmarksPanel"
950 },
951 {
952 "render": "layersPanel"
953 },
954 {
955 "render": "signaturePanel"
956 },
957 {
958 "render": "fileAttachmentPanel"
959 },
960 {
961 "render": "portfolioPanel"
962 }
963 ],
964 "location": "left"
965 },
966 "notesPanel": {
967 "dataElement": "notesPanel",
968 "render": "notesPanel",
969 "location": "right"
970 },
971 "searchPanel": {
972 "dataElement": "searchPanel",
973 "render": "searchPanel",
974 "location": "right"
975 },
976 "redactionPanel": {
977 "dataElement": "redactionPanel",
978 "render": "redactionPanel",
979 "location": "right"
980 }
981 },
982 "flyouts": {
983 "MainMenuFlyout": {
984 "dataElement": "MainMenuFlyout",
985 "items": [
986 "newDocumentButton",
987 "filePickerButton",
988 "downloadButton",
989 "fullscreenButton",
990 "saveAsButton",
991 "printButton",
992 "divider",
993 "createPortfolioButton",
994 "divider",
995 "settingsButton",
996 "divider"
997 ]
998 },
999 "multiSelectStylePanelFlyout": {
1000 "dataElement": "multiSelectStylePanelFlyout",
1001 "className": "StylePanelFlyout",
1002 "items": [
1003 "stylePanelToggle"
1004 ]
1005 }
1006 }
1007}
1008
1{
2 "modularComponents": {
3 "filePickerButton": {
4 "dataElement": "filePickerButton",
5 "title": "action.openFile",
6 "label": "action.openFile",
7 "img": "icon-header-file-picker-line",
8 "hidden": true,
9 "type": "presetButton"
10 },
11 "downloadButton": {
12 "dataElement": "downloadButton",
13 "title": "action.download",
14 "label": "action.download",
15 "img": "icon-download",
16 "hidden": false,
17 "type": "presetButton",
18 "buttonType": "downloadButton"
19 },
20 "saveAsButton": {
21 "dataElement": "saveAsButton",
22 "title": "saveModal.saveAs",
23 "label": "saveModal.saveAs",
24 "img": "icon-save",
25 "hidden": false,
26 "type": "presetButton",
27 "buttonType": "saveAsButton"
28 },
29 "printButton": {
30 "dataElement": "printButton",
31 "title": "action.print",
32 "label": "action.print",
33 "img": "icon-header-print-line",
34 "hidden": false,
35 "type": "presetButton",
36 "buttonType": "printButton"
37 },
38 "createPortfolioButton": {
39 "dataElement": "createPortfolioButton",
40 "title": "portfolio.createPDFPortfolio",
41 "label": "portfolio.createPDFPortfolio",
42 "img": "icon-pdf-portfolio",
43 "hidden": false,
44 "type": "presetButton",
45 "buttonType": "createPortfolioButton"
46 },
47 "settingsButton": {
48 "dataElement": "settingsButton",
49 "title": "option.settings.settings",
50 "isActive": false,
51 "label": "option.settings.settings",
52 "img": "icon-header-settings-line",
53 "hidden": false,
54 "type": "presetButton",
55 "buttonType": "settingsButton"
56 },
57 "divider-0.1": {
58 "dataElement": "divider-0.1",
59 "type": "divider"
60 },
61 "left-panel-toggle": {
62 "dataElement": "left-panel-toggle",
63 "title": "Left Panel",
64 "type": "toggleButton",
65 "img": "icon-header-sidebar-line",
66 "toggleElement": "customLeftPanel"
67 },
68 "view-controls": {
69 "dataElement": "view-controls",
70 "type": "viewControls"
71 },
72 "divider-0.3": {
73 "dataElement": "divider-0.3",
74 "type": "divider"
75 },
76 "zoom-container": {
77 "dataElement": "zoom-container",
78 "type": "zoom"
79 },
80 "divider-0.2": {
81 "dataElement": "divider-0.2",
82 "type": "divider"
83 },
84 "panToolButton": {
85 "dataElement": "panToolButton",
86 "type": "toolButton",
87 "toolName": "Pan"
88 },
89 "annotationEditToolButton": {
90 "dataElement": "annotationEditToolButton",
91 "type": "toolButton",
92 "toolName": "AnnotationEdit"
93 },
94 "menu-toggle-button": {
95 "dataElement": "menu-toggle-button",
96 "img": "ic-hamburger-menu",
97 "title": "component.menuOverlay",
98 "toggleElement": "MainMenuFlyout",
99 "type": "toggleButton"
100 },
101 "groupedLeftHeaderButtons": {
102 "dataElement": "groupedLeftHeaderButtons",
103 "items": [
104 "menu-toggle-button",
105 "divider-0.1",
106 "view-controls",
107 "divider-0.3",
108 "zoom-container"
109 ],
110 "type": "groupedItems",
111 "grow": 1,
112 "gap": 12,
113 "alwaysVisible": true
114 },
115 "toolbarGroup-View": {
116 "dataElement": "toolbarGroup-View",
117 "title": "View",
118 "type": "ribbonItem",
119 "label": "View",
120 "groupedItems": [],
121 "toolbarGroup": "toolbarGroup-View"
122 },
123 "toolbarGroup-Annotate": {
124 "dataElement": "toolbarGroup-Annotate",
125 "title": "Annotate",
126 "type": "ribbonItem",
127 "label": "Annotate",
128 "groupedItems": [
129 "annotateGroupedItems"
130 ],
131 "toolbarGroup": "toolbarGroup-Annotate"
132 },
133 "toolbarGroup-Shapes": {
134 "dataElement": "toolbarGroup-Shapes",
135 "title": "Shapes",
136 "type": "ribbonItem",
137 "label": "Shapes",
138 "groupedItems": [
139 "shapesGroupedItems"
140 ],
141 "toolbarGroup": "toolbarGroup-Shapes"
142 },
143 "toolbarGroup-Insert": {
144 "dataElement": "toolbarGroup-Insert",
145 "title": "Insert",
146 "type": "ribbonItem",
147 "label": "Insert",
148 "groupedItems": [
149 "insertGroupedItems"
150 ],
151 "toolbarGroup": "toolbarGroup-Insert"
152 },
153 "toolbarGroup-Measure": {
154 "dataElement": "toolbarGroup-Measure",
155 "title": "Measure",
156 "type": "ribbonItem",
157 "label": "Measure",
158 "groupedItems": [
159 "measureGroupedItems"
160 ],
161 "toolbarGroup": "toolbarGroup-Measure"
162 },
163 "toolbarGroup-Redact": {
164 "dataElement": "toolbarGroup-Redact",
165 "title": "Redact",
166 "type": "ribbonItem",
167 "label": "Redact",
168 "groupedItems": [
169 "redactionGroupedItems"
170 ],
171 "toolbarGroup": "toolbarGroup-Redact"
172 },
173 "toolbarGroup-Edit": {
174 "dataElement": "toolbarGroup-Edit",
175 "title": "Edit",
176 "type": "ribbonItem",
177 "label": "Edit",
178 "groupedItems": [
179 "editGroupedItems"
180 ],
181 "toolbarGroup": "toolbarGroup-Edit"
182 },
183 "toolbarGroup-EditText": {
184 "dataElement": "toolbarGroup-EditText",
185 "title": "Content Edit",
186 "type": "ribbonItem",
187 "label": "Content Edit",
188 "groupedItems": [
189 "contentEditGroupedItems"
190 ],
191 "toolbarGroup": "toolbarGroup-EditText"
192 },
193 "toolbarGroup-FillAndSign": {
194 "dataElement": "toolbarGroup-FillAndSign",
195 "title": "Fill and Sign",
196 "type": "ribbonItem",
197 "label": "Fill and Sign",
198 "groupedItems": [
199 "fillAndSignGroupedItems"
200 ],
201 "toolbarGroup": "toolbarGroup-FillAndSign"
202 },
203 "toolbarGroup-Forms": {
204 "dataElement": "toolbarGroup-Forms",
205 "title": "Forms",
206 "type": "ribbonItem",
207 "label": "Forms",
208 "groupedItems": [
209 "formsGroupedItems"
210 ],
211 "toolbarGroup": "toolbarGroup-Forms"
212 },
213 "default-ribbon-group": {
214 "dataElement": "default-ribbon-group",
215 "items": [
216 "toolbarGroup-View",
217 "toolbarGroup-Annotate",
218 "toolbarGroup-Shapes",
219 "toolbarGroup-Insert",
220 "toolbarGroup-Measure",
221 "toolbarGroup-Redact",
222 "toolbarGroup-Edit",
223 "toolbarGroup-EditText",
224 "toolbarGroup-FillAndSign",
225 "toolbarGroup-Forms"
226 ],
227 "type": "ribbonGroup",
228 "justifyContent": "start",
229 "grow": 2,
230 "gap": 12,
231 "alwaysVisible": false
232 },
233 "searchPanelToggle": {
234 "dataElement": "searchPanelToggle",
235 "title": "component.searchPanel",
236 "type": "toggleButton",
237 "img": "icon-header-search",
238 "toggleElement": "searchPanel"
239 },
240 "notesPanelToggle": {
241 "dataElement": "notesPanelToggle",
242 "title": "component.notesPanel",
243 "type": "toggleButton",
244 "img": "icon-header-chat-line",
245 "toggleElement": "notesPanel"
246 },
247 "highlightToolButton": {
248 "dataElement": "highlightToolButton",
249 "type": "toolButton",
250 "toolName": "AnnotationCreateTextHighlight"
251 },
252 "underlineToolButton": {
253 "dataElement": "underlineToolButton",
254 "type": "toolButton",
255 "toolName": "AnnotationCreateTextUnderline"
256 },
257 "strikeoutToolButton": {
258 "dataElement": "strikeoutToolButton",
259 "type": "toolButton",
260 "toolName": "AnnotationCreateTextStrikeout"
261 },
262 "squigglyToolButton": {
263 "dataElement": "squigglyToolButton",
264 "type": "toolButton",
265 "toolName": "AnnotationCreateTextSquiggly"
266 },
267 "freeTextToolButton": {
268 "dataElement": "freeTextToolButton",
269 "type": "toolButton",
270 "toolName": "AnnotationCreateFreeText"
271 },
272 "markInsertTextToolButton": {
273 "dataElement": "markInsertTextToolButton",
274 "type": "toolButton",
275 "toolName": "AnnotationCreateMarkInsertText"
276 },
277 "markReplaceTextToolButton": {
278 "dataElement": "markReplaceTextToolButton",
279 "type": "toolButton",
280 "toolName": "AnnotationCreateMarkReplaceText"
281 },
282 "freeHandToolButton": {
283 "dataElement": "freeHandToolButton",
284 "type": "toolButton",
285 "toolName": "AnnotationCreateFreeHand"
286 },
287 "freeHandHighlightToolButton": {
288 "dataElement": "freeHandHighlightToolButton",
289 "type": "toolButton",
290 "toolName": "AnnotationCreateFreeHandHighlight"
291 },
292 "stickyToolButton": {
293 "dataElement": "stickyToolButton",
294 "type": "toolButton",
295 "toolName": "AnnotationCreateSticky"
296 },
297 "calloutToolButton": {
298 "dataElement": "calloutToolButton",
299 "type": "toolButton",
300 "toolName": "AnnotationCreateCallout"
301 },
302 "divider-0.4": {
303 "dataElement": "divider-0.4",
304 "type": "divider"
305 },
306 "stylePanelToggle": {
307 "dataElement": "stylePanelToggle",
308 "title": "action.style",
309 "type": "toggleButton",
310 "img": "icon-style-panel-toggle",
311 "toggleElement": "stylePanel"
312 },
313 "divider-0.5": {
314 "dataElement": "divider-0.5",
315 "type": "divider"
316 },
317 "undoButton": {
318 "dataElement": "undoButton",
319 "type": "presetButton",
320 "buttonType": "undoButton"
321 },
322 "redoButton": {
323 "dataElement": "redoButton",
324 "type": "presetButton",
325 "buttonType": "redoButton"
326 },
327 "eraserToolButton": {
328 "dataElement": "eraserToolButton",
329 "type": "toolButton",
330 "toolName": "AnnotationEraserTool"
331 },
332 "defaultAnnotationUtilities": {
333 "dataElement": "defaultAnnotationUtilities",
334 "items": [
335 "divider-0.5",
336 "undoButton",
337 "redoButton",
338 "eraserToolButton"
339 ],
340 "type": "groupedItems",
341 "grow": 0,
342 "gap": 12,
343 "alwaysVisible": false
344 },
345 "annotateToolsGroupedItems": {
346 "dataElement": "annotateToolsGroupedItems",
347 "items": [
348 "highlightToolButton",
349 "underlineToolButton",
350 "strikeoutToolButton",
351 "squigglyToolButton",
352 "freeHandToolButton",
353 "freeHandHighlightToolButton",
354 "freeTextToolButton",
355 "markInsertTextToolButton",
356 "markReplaceTextToolButton",
357 "stickyToolButton",
358 "calloutToolButton"
359 ],
360 "type": "groupedItems",
361 "justifyContent": "center",
362 "grow": 0,
363 "gap": 12,
364 "alwaysVisible": false
365 },
366 "annotateGroupedItems": {
367 "dataElement": "annotateGroupedItems",
368 "items": [
369 "annotateToolsGroupedItems",
370 "divider-0.4",
371 "stylePanelToggle",
372 "defaultAnnotationUtilities"
373 ],
374 "type": "groupedItems",
375 "justifyContent": "center",
376 "grow": 0,
377 "gap": 12,
378 "alwaysVisible": false
379 },
380 "rectangleToolButton": {
381 "dataElement": "rectangleToolButton",
382 "type": "toolButton",
383 "toolName": "AnnotationCreateRectangle"
384 },
385 "ellipseToolButton": {
386 "dataElement": "ellipseToolButton",
387 "type": "toolButton",
388 "toolName": "AnnotationCreateEllipse"
389 },
390 "arcToolButton": {
391 "dataElement": "arcToolButton",
392 "type": "toolButton",
393 "toolName": "AnnotationCreateArc"
394 },
395 "polygonToolButton": {
396 "dataElement": "polygonToolButton",
397 "type": "toolButton",
398 "toolName": "AnnotationCreatePolygon"
399 },
400 "cloudToolButton": {
401 "dataElement": "cloudToolButton",
402 "type": "toolButton",
403 "toolName": "AnnotationCreatePolygonCloud"
404 },
405 "lineToolButton": {
406 "dataElement": "lineToolButton",
407 "type": "toolButton",
408 "toolName": "AnnotationCreateLine"
409 },
410 "polylineToolButton": {
411 "dataElement": "polylineToolButton",
412 "type": "toolButton",
413 "toolName": "AnnotationCreatePolyline"
414 },
415 "arrowToolButton": {
416 "dataElement": "arrowToolButton",
417 "type": "toolButton",
418 "toolName": "AnnotationCreateArrow"
419 },
420 "shapesToolsGroupedItems": {
421 "dataElement": "shapesToolsGroupedItems",
422 "items": [
423 "rectangleToolButton",
424 "ellipseToolButton",
425 "arcToolButton",
426 "polygonToolButton",
427 "cloudToolButton",
428 "lineToolButton",
429 "polylineToolButton",
430 "arrowToolButton"
431 ],
432 "type": "groupedItems",
433 "grow": 0,
434 "gap": 12,
435 "alwaysVisible": false
436 },
437 "shapesGroupedItems": {
438 "dataElement": "shapesGroupedItems",
439 "items": [
440 "shapesToolsGroupedItems",
441 "divider-0.4",
442 "stylePanelToggle",
443 "defaultAnnotationUtilities"
444 ],
445 "type": "groupedItems",
446 "grow": 0,
447 "gap": 12,
448 "alwaysVisible": false
449 },
450 "rubberStampToolButton": {
451 "dataElement": "rubberStampToolButton",
452 "type": "toolButton",
453 "toolName": "AnnotationCreateRubberStamp"
454 },
455 "signatureCreateToolButton": {
456 "dataElement": "signatureCreateToolButton",
457 "type": "toolButton",
458 "toolName": "AnnotationCreateSignature"
459 },
460 "fileAttachmentButton": {
461 "dataElement": "fileAttachmentButton",
462 "type": "toolButton",
463 "toolName": "AnnotationCreateFileAttachment"
464 },
465 "stampToolButton": {
466 "dataElement": "stampToolButton",
467 "type": "toolButton",
468 "toolName": "AnnotationCreateStamp"
469 },
470 "insertToolsGroupedItems": {
471 "dataElement": "insertToolsGroupedItems",
472 "items": [
473 "rubberStampToolButton",
474 "signatureCreateToolButton",
475 "fileAttachmentButton",
476 "stampToolButton"
477 ],
478 "type": "groupedItems",
479 "grow": 0,
480 "gap": 12,
481 "alwaysVisible": false
482 },
483 "insertGroupedItems": {
484 "dataElement": "insertGroupedItems",
485 "items": [
486 "insertToolsGroupedItems",
487 "divider-0.4",
488 "stylePanelToggle",
489 "defaultAnnotationUtilities"
490 ],
491 "type": "groupedItems",
492 "grow": 0,
493 "gap": 12,
494 "alwaysVisible": false
495 },
496 "redactionToolButton": {
497 "dataElement": "redactionToolButton",
498 "type": "toolButton",
499 "toolName": "AnnotationCreateRedaction"
500 },
501 "pageRedactionToggleButton": {
502 "dataElement": "pageRedactionToggleButton",
503 "title": "action.redactPages",
504 "type": "toggleButton",
505 "img": "icon-tool-page-redact",
506 "toggleElement": "pageRedactionModal"
507 },
508 "redactionPanelToggle": {
509 "dataElement": "redactionPanelToggle",
510 "type": "toggleButton",
511 "img": "icon-redact-panel",
512 "toggleElement": "redactionPanel"
513 },
514 "redactionGroupedItems": {
515 "dataElement": "redactionGroupedItems",
516 "items": [
517 "redactionToolButton",
518 "pageRedactionToggleButton",
519 "redactionPanelToggle",
520 "defaultAnnotationUtilities"
521 ],
522 "type": "groupedItems",
523 "grow": 0,
524 "gap": 12,
525 "alwaysVisible": false
526 },
527 "distanceMeasurementToolButton": {
528 "dataElement": "distanceMeasurementToolButton",
529 "type": "toolButton",
530 "toolName": "AnnotationCreateDistanceMeasurement"
531 },
532 "arcMeasurementToolButton": {
533 "dataElement": "arcMeasurementToolButton",
534 "type": "toolButton",
535 "toolName": "AnnotationCreateArcMeasurement"
536 },
537 "perimeterMeasurementToolButton": {
538 "dataElement": "perimeterMeasurementToolButton",
539 "type": "toolButton",
540 "toolName": "AnnotationCreatePerimeterMeasurement"
541 },
542 "areaMeasurementToolButton": {
543 "dataElement": "areaMeasurementToolButton",
544 "type": "toolButton",
545 "toolName": "AnnotationCreateAreaMeasurement"
546 },
547 "ellipseMeasurementToolButton": {
548 "dataElement": "ellipseMeasurementToolButton",
549 "type": "toolButton",
550 "toolName": "AnnotationCreateEllipseMeasurement"
551 },
552 "rectangularAreaMeasurementToolButton": {
553 "dataElement": "rectangularAreaMeasurementToolButton",
554 "type": "toolButton",
555 "toolName": "AnnotationCreateRectangularAreaMeasurement"
556 },
557 "countMeasurementToolButton": {
558 "dataElement": "countMeasurementToolButton",
559 "type": "toolButton",
560 "toolName": "AnnotationCreateCountMeasurement"
561 },
562 "measureGroupedItems": {
563 "dataElement": "measureGroupedItems",
564 "items": [
565 "distanceMeasurementToolButton",
566 "arcMeasurementToolButton",
567 "perimeterMeasurementToolButton",
568 "areaMeasurementToolButton",
569 "ellipseMeasurementToolButton",
570 "rectangularAreaMeasurementToolButton",
571 "countMeasurementToolButton",
572 "divider-0.4",
573 "stylePanelToggle",
574 "defaultAnnotationUtilities"
575 ],
576 "type": "groupedItems",
577 "grow": 0,
578 "gap": 12,
579 "alwaysVisible": false
580 },
581 "cropToolButton": {
582 "dataElement": "cropToolButton",
583 "type": "toolButton",
584 "toolName": "CropPage"
585 },
586 "snippingToolButton": {
587 "dataElement": "snippingToolButton",
588 "type": "toolButton",
589 "toolName": "SnippingTool"
590 },
591 "editGroupedItems": {
592 "dataElement": "editGroupedItems",
593 "items": [
594 "cropToolButton",
595 "snippingToolButton"
596 ],
597 "type": "groupedItems",
598 "grow": 0,
599 "gap": 12,
600 "alwaysVisible": false
601 },
602 "addParagraphToolGroupButton": {
603 "dataElement": "addParagraphToolGroupButton",
604 "type": "toolButton",
605 "toolName": "AddParagraphTool"
606 },
607 "addImageContentToolGroupButton": {
608 "dataElement": "addImageContentToolGroupButton",
609 "type": "toolButton",
610 "toolName": "AddImageContentTool"
611 },
612 "divider-0.6": {
613 "dataElement": "divider-0.6",
614 "type": "divider"
615 },
616 "divider": {
617 "dataElement": "divider",
618 "type": "divider"
619 },
620 "contentEditButton": {
621 "dataElement": "contentEditButton",
622 "type": "presetButton",
623 "buttonType": "contentEditButton"
624 },
625 "contentEditGroupedItems": {
626 "dataElement": "contentEditGroupedItems",
627 "items": [
628 "addParagraphToolGroupButton",
629 "addImageContentToolGroupButton",
630 "divider-0.6",
631 "contentEditButton"
632 ],
633 "type": "groupedItems",
634 "grow": 0,
635 "gap": 12,
636 "alwaysVisible": false
637 },
638 "crossStampToolButton": {
639 "dataElement": "crossStampToolButton",
640 "type": "toolButton",
641 "toolName": "AnnotationCreateCrossStamp"
642 },
643 "checkStampToolButton": {
644 "dataElement": "checkStampToolButton",
645 "type": "toolButton",
646 "toolName": "AnnotationCreateCheckStamp"
647 },
648 "dotStampToolButton": {
649 "dataElement": "dotStampToolButton",
650 "type": "toolButton",
651 "toolName": "AnnotationCreateDotStamp"
652 },
653 "calendarToolButton": {
654 "dataElement": "calendarToolButton",
655 "type": "toolButton",
656 "toolName": "AnnotationCreateDateFreeText"
657 },
658 "fillAndSignGroupedItems": {
659 "dataElement": "fillAndSignGroupedItems",
660 "items": [
661 "signatureCreateToolButton",
662 "freeTextToolButton",
663 "crossStampToolButton",
664 "checkStampToolButton",
665 "dotStampToolButton",
666 "rubberStampToolButton",
667 "calendarToolButton",
668 "divider-0.4",
669 "stylePanelToggle",
670 "defaultAnnotationUtilities"
671 ],
672 "type": "groupedItems",
673 "grow": 0,
674 "gap": 12,
675 "alwaysVisible": false
676 },
677 "signatureFieldButton": {
678 "dataElement": "signatureFieldButton",
679 "type": "toolButton",
680 "toolName": "SignatureFormFieldCreateTool"
681 },
682 "textFieldButton": {
683 "dataElement": "textFieldButton",
684 "type": "toolButton",
685 "toolName": "TextFormFieldCreateTool"
686 },
687 "checkboxFieldButton": {
688 "dataElement": "checkboxFieldButton",
689 "type": "toolButton",
690 "toolName": "CheckBoxFormFieldCreateTool"
691 },
692 "radioFieldButton": {
693 "dataElement": "radioFieldButton",
694 "type": "toolButton",
695 "toolName": "RadioButtonFormFieldCreateTool"
696 },
697 "listBoxFieldButton": {
698 "dataElement": "listBoxFieldButton",
699 "type": "toolButton",
700 "toolName": "ListBoxFormFieldCreateTool"
701 },
702 "comboBoxFieldButton": {
703 "dataElement": "comboBoxFieldButton",
704 "type": "toolButton",
705 "toolName": "ComboBoxFormFieldCreateTool"
706 },
707 "divider-0.7": {
708 "dataElement": "divider-0.7",
709 "type": "divider"
710 },
711 "formFieldEditButton": {
712 "dataElement": "formFieldEditButton",
713 "type": "presetButton",
714 "buttonType": "formFieldEditButton"
715 },
716 "divider-0.8": {
717 "dataElement": "divider-0.8",
718 "type": "divider"
719 },
720 "formsToolsGroupedItems": {
721 "dataElement": "formsToolsGroupedItems",
722 "items": [
723 "signatureFieldButton",
724 "textFieldButton",
725 "freeTextToolButton",
726 "checkboxFieldButton",
727 "radioFieldButton",
728 "listBoxFieldButton",
729 "comboBoxFieldButton",
730 "divider-0.7",
731 "formFieldEditButton"
732 ],
733 "type": "groupedItems",
734 "grow": 0,
735 "gap": 12,
736 "alwaysVisible": false
737 },
738 "formsGroupedItems": {
739 "dataElement": "formsGroupedItems",
740 "items": [
741 "formsToolsGroupedItems",
742 "divider-0.8",
743 "stylePanelToggle"
744 ],
745 "type": "groupedItems",
746 "grow": 0,
747 "gap": 12,
748 "alwaysVisible": false
749 },
750 "page-controls-container": {
751 "dataElement": "page-controls-container",
752 "type": "pageControls"
753 },
754 "newDocumentButton": {
755 "dataElement": "newDocumentButton",
756 "presetDataElement": "newDocumentPresetButton",
757 "img": "icon-plus-sign",
758 "label": "action.newDocument",
759 "title": "action.newDocument",
760 "isActive": false,
761 "hidden": false,
762 "type": "presetButton"
763 },
764 "fullscreenButton": {
765 "dataElement": "fullscreenButton",
766 "presetDataElement": "fullscreenPresetButton",
767 "img": "icon-header-full-screen",
768 "label": "action.enterFullscreen",
769 "title": "action.enterFullscreen",
770 "hidden": false,
771 "type": "presetButton"
772 },
773 "thumbnailsPanelToggle": {
774 "dataElement": "thumbnailsPanelToggle",
775 "title": "component.thumbnailsPanel",
776 "type": "toggleButton",
777 "img": "icon-panel-thumbnail-line",
778 "toggleElement": "thumbnailPanel"
779 },
780 "outlinesPanelToggle": {
781 "dataElement": "outlinesToggle",
782 "title": "component.outlinesPanel",
783 "type": "toggleButton",
784 "img": "icon-panel-outlines",
785 "toggleElement": "outlinePanel"
786 },
787 "bookmarksPanelToggle": {
788 "dataElement": "bookmarksPanelToggle",
789 "title": "component.bookmarksPanel",
790 "type": "toggleButton",
791 "img": "ic_bookmarks_black_24px",
792 "toggleElement": "bookmarkPanel"
793 },
794 "signaturesPanelToggle": {
795 "dataElement": "signaturesPanelToggle",
796 "title": "component.signaturePanel",
797 "type": "toggleButton",
798 "img": "icon-tool-signature",
799 "toggleElement": "signaturePanel"
800 }
801 },
802 "modularHeaders": {
803 "default-top-header-demo": {
804 "dataElement": "default-top-header-demo",
805 "placement": "top",
806 "grow": 0,
807 "gap": 12,
808 "position": "start",
809 "float": false,
810 "stroke": true,
811 "dimension": {
812 "paddingTop": 8,
813 "paddingBottom": 8,
814 "borderWidth": 1
815 },
816 "style": {},
817 "items": [
818 "groupedLeftHeaderButtons",
819 "default-ribbon-group",
820 "searchPanelToggle",
821 "notesPanelToggle"
822 ]
823 },
824 "tools-header": {
825 "dataElement": "tools-header",
826 "placement": "top",
827 "justifyContent": "center",
828 "grow": 0,
829 "gap": 12,
830 "position": "end",
831 "float": false,
832 "stroke": true,
833 "dimension": {
834 "paddingTop": 8,
835 "paddingBottom": 8,
836 "borderWidth": 1
837 },
838 "style": {},
839 "items": [
840 "annotateGroupedItems",
841 "shapesGroupedItems",
842 "insertGroupedItems",
843 "redactionGroupedItems",
844 "measureGroupedItems",
845 "editGroupedItems",
846 "contentEditGroupedItems",
847 "fillAndSignGroupedItems",
848 "formsGroupedItems"
849 ]
850 },
851 "left-header": {
852 "dataElement": "left-header",
853 "placement": "left",
854 "justifyContent": "start",
855 "grow": 0,
856 "gap": 12,
857 "position": "end",
858 "float": false,
859 "stroke": true,
860 "dimension": {
861 "paddingTop": 8,
862 "paddingBottom": 8,
863 "borderWidth": 1
864 },
865 "style": {},
866 "items": [
867 "thumbnailsPanelToggle",
868 "outlinesPanelToggle",
869 "bookmarksPanelToggle",
870 "signaturesPanelToggle",
871 "divider",
872 "panToolButton",
873 "annotationEditToolButton"
874 ]
875 },
876 "page-nav-floating-header": {
877 "dataElement": "page-nav-floating-header",
878 "placement": "bottom",
879 "grow": 0,
880 "gap": 12,
881 "position": "center",
882 "opacityMode": "dynamic",
883 "opacity": "none",
884 "float": true,
885 "stroke": true,
886 "dimension": {
887 "paddingTop": 8,
888 "paddingBottom": 8,
889 "borderWidth": 1
890 },
891 "style": {
892 "background": "var(--gray-1)",
893 "padding": "8px",
894 "borderStyle": "solid",
895 "borderWidth": 1,
896 "borderColor": "var(--gray-5)"
897 },
898 "items": [
899 "page-controls-container"
900 ]
901 }
902 },
903 "panels": {
904 "stylePanel": {
905 "dataElement": "stylePanel",
906 "render": "stylePanel",
907 "location": "left"
908 },
909 "thumbnailPanel": {
910 "dataElement": "thumbnailPanel",
911 "render": "thumbnailsPanel",
912 "location": "left"
913 },
914 "outlinePanel": {
915 "dataElement": "outlinePanel",
916 "render": "outlinesPanel",
917 "location": "left"
918 },
919 "bookmarkPanel": {
920 "dataElement": "bookmarkPanel",
921 "render": "bookmarksPanel",
922 "location": "left"
923 },
924 "layersPanel": {
925 "dataElement": "layersPanel",
926 "render": "layersPanel",
927 "location": "left"
928 },
929 "signatureListPanel": {
930 "dataElement": "signatureListPanel",
931 "render": "signatureListPanel",
932 "location": "left"
933 },
934 "fileAttachmentPanel": {
935 "dataElement": "fileAttachmentPanel",
936 "render": "fileAttachmentPanel",
937 "location": "left"
938 },
939 "rubberStampPanel": {
940 "dataElement": "rubberStampPanel",
941 "render": "rubberStampPanel",
942 "location": "left"
943 },
944 "textEditingPanel": {
945 "dataElement": "textEditingPanel",
946 "render": "textEditingPanel",
947 "location": "right"
948 },
949 "signaturePanel": {
950 "dataElement": "signaturePanel",
951 "render": "signaturePanel",
952 "location": "left"
953 },
954 "portfolioPanel": {
955 "dataElement": "portfolioPanel",
956 "render": "portfolioPanel",
957 "location": "left"
958 },
959 "customLeftPanel": {
960 "render": "tabPanel",
961 "dataElement": "customLeftPanel",
962 "panelsList": [
963 {
964 "render": "thumbnailPanel"
965 },
966 {
967 "render": "outlinePanel"
968 },
969 {
970 "render": "bookmarkPanel"
971 },
972 {
973 "render": "layersPanel"
974 },
975 {
976 "render": "signaturePanel"
977 },
978 {
979 "render": "fileAttachmentPanel"
980 },
981 {
982 "render": "portfolioPanel"
983 }
984 ],
985 "location": "left"
986 },
987 "notesPanel": {
988 "dataElement": "notesPanel",
989 "render": "notesPanel",
990 "location": "right"
991 },
992 "searchPanel": {
993 "dataElement": "searchPanel",
994 "render": "searchPanel",
995 "location": "right"
996 },
997 "redactionPanel": {
998 "dataElement": "redactionPanel",
999 "render": "redactionPanel",
1000 "location": "right"
1001 }
1002 },
1003 "flyouts": {
1004 "MainMenuFlyout": {
1005 "dataElement": "MainMenuFlyout",
1006 "items": [
1007 "newDocumentButton",
1008 "filePickerButton",
1009 "downloadButton",
1010 "fullscreenButton",
1011 "saveAsButton",
1012 "printButton",
1013 "divider",
1014 "createPortfolioButton",
1015 "divider",
1016 "settingsButton",
1017 "divider"
1018 ]
1019 }
1020 }
1021}
1022
1{
2 "modularComponents": {
3 "comparePanelToggle": {
4 "dataElement": "comparePanelToggle",
5 "title": "action.comparePages",
6 "label": "action.comparePages",
7 "type": "presetButton",
8 "buttonType": "compareButton",
9 "disabled": true
10 },
11 "filePickerButton": {
12 "dataElement": "filePickerButton",
13 "title": "action.openFile",
14 "label": "action.openFile",
15 "type": "presetButton"
16 },
17 "downloadButton": {
18 "dataElement": "downloadButton",
19 "title": "action.download",
20 "label": "action.download",
21 "type": "presetButton",
22 "buttonType": "downloadButton"
23 },
24 "saveAsButton": {
25 "dataElement": "saveAsButton",
26 "title": "saveModal.saveAs",
27 "isActive": false,
28 "label": "saveModal.saveAs",
29 "type": "presetButton"
30 },
31 "printButton": {
32 "dataElement": "printButton",
33 "title": "action.print",
34 "isActive": false,
35 "label": "action.print",
36 "type": "presetButton",
37 "buttonType": "printButton"
38 },
39 "createPortfolioButton": {
40 "dataElement": "createPortfolioButton",
41 "title": "portfolio.createPDFPortfolio",
42 "isActive": false,
43 "label": "portfolio.createPDFPortfolio",
44 "type": "presetButton",
45 "disabled": true
46 },
47 "settingsButton": {
48 "dataElement": "settingsButton",
49 "title": "option.settings.settings",
50 "isActive": false,
51 "label": "option.settings.settings",
52 "type": "presetButton"
53 },
54 "divider-0.1": {
55 "dataElement": "divider-0.1",
56 "type": "divider"
57 },
58 "leftPanelButton": {
59 "dataElement": "leftPanelButton",
60 "title": "Left Panel",
61 "type": "toggleButton",
62 "img": "icon-header-sidebar-line",
63 "toggleElement": "tabPanel"
64 },
65 "view-controls": {
66 "dataElement": "view-controls",
67 "type": "viewControls",
68 "title": "component.viewControls",
69 "icon": "icon-header-page-manipulation-line"
70 },
71 "divider-0.3": {
72 "dataElement": "divider-0.3",
73 "type": "divider"
74 },
75 "zoom-container": {
76 "dataElement": "zoom-container",
77 "type": "zoom"
78 },
79 "divider-0.2": {
80 "dataElement": "divider-0.2",
81 "type": "divider"
82 },
83 "panToolButton": {
84 "dataElement": "panToolButton",
85 "type": "toolButton",
86 "toolName": "Pan"
87 },
88 "annotationEditToolButton": {
89 "dataElement": "annotationEditToolButton",
90 "type": "toolButton",
91 "toolName": "AnnotationEdit"
92 },
93 "menuButton": {
94 "dataElement": "menuButton",
95 "img": "ic-hamburger-menu",
96 "title": "component.menuOverlay",
97 "toggleElement": "MainMenuFlyout",
98 "type": "toggleButton"
99 },
100 "groupedMainHeaderButtons": {
101 "dataElement": "groupedMainHeaderButtons",
102 "items": [
103 "freeTextToolButton",
104 "rectangleToolButton",
105 "signatureCreateToolButton",
106 "highlightToolButton",
107 "underlineToolButton",
108 "underlineToolButton2",
109 "strikeoutToolButton",
110 "calloutToolButton",
111 "divider-0.1",
112 "stampToolButton",
113 "divider-0.2",
114 "stylePanelToggle"
115 ],
116 "type": "groupedItems",
117 "grow": 1,
118 "gap": 12,
119 "alwaysVisible": true
120 },
121 "groupedLeftHeaderButtons": {
122 "dataElement": "groupedLeftHeaderButtons",
123 "items": [
124 "menuButton",
125 "divider-0.1",
126 "leftPanelButton",
127 "view-controls",
128 "divider-0.3",
129 "zoom-container"
130 ],
131 "type": "groupedItems",
132 "grow": 1,
133 "gap": 12,
134 "alwaysVisible": true
135 },
136 "toolbarGroup-View": {
137 "dataElement": "toolbarGroup-View",
138 "title": "View",
139 "type": "ribbonItem",
140 "label": "View",
141 "img": "icon-view-ribbon",
142 "groupedItems": [],
143 "toolbarGroup": "toolbarGroup-View"
144 },
145 "toolbarGroup-Annotate": {
146 "dataElement": "toolbarGroup-Annotate",
147 "title": "Annotate",
148 "type": "ribbonItem",
149 "label": "Annotate",
150 "img": "icon-annotate-ribbon",
151 "groupedItems": [
152 "annotateGroupedItems"
153 ],
154 "toolbarGroup": "toolbarGroup-Annotate"
155 },
156 "toolbarGroup-Shapes": {
157 "dataElement": "toolbarGroup-Shapes",
158 "title": "Shapes",
159 "type": "ribbonItem",
160 "label": "Shapes",
161 "img": "icon-tool-shape-rectangle",
162 "groupedItems": [
163 "shapesGroupedItems"
164 ],
165 "toolbarGroup": "toolbarGroup-Shapes"
166 },
167 "toolbarGroup-Insert": {
168 "dataElement": "toolbarGroup-Insert",
169 "title": "Insert",
170 "type": "ribbonItem",
171 "label": "Insert",
172 "img": "icon-insert-ribbon",
173 "groupedItems": [
174 "insertGroupedItems"
175 ],
176 "toolbarGroup": "toolbarGroup-Insert"
177 },
178 "toolbarGroup-Measure": {
179 "dataElement": "toolbarGroup-Measure",
180 "title": "Measure",
181 "type": "ribbonItem",
182 "label": "Measure",
183 "groupedItems": [
184 "measureGroupedItems"
185 ],
186 "toolbarGroup": "toolbarGroup-Measure",
187 "disabled": true
188 },
189 "toolbarGroup-Redact": {
190 "dataElement": "toolbarGroup-Redact",
191 "title": "Redact",
192 "type": "ribbonItem",
193 "label": "Redact",
194 "groupedItems": [
195 "redactionGroupedItems"
196 ],
197 "toolbarGroup": "toolbarGroup-Redact",
198 "disabled": true
199 },
200 "toolbarGroup-Edit": {
201 "dataElement": "toolbarGroup-Edit",
202 "title": "Edit",
203 "type": "ribbonItem",
204 "label": "Edit",
205 "groupedItems": [
206 "editGroupedItems"
207 ],
208 "toolbarGroup": "toolbarGroup-Edit"
209 },
210 "toolbarGroup-EditText": {
211 "dataElement": "toolbarGroup-EditText",
212 "title": "Content Edit",
213 "type": "ribbonItem",
214 "label": "Content Edit",
215 "groupedItems": [
216 "contentEditGroupedItems"
217 ],
218 "toolbarGroup": "toolbarGroup-EditText",
219 "disabled": true
220 },
221 "toolbarGroup-FillAndSign": {
222 "dataElement": "toolbarGroup-FillAndSign",
223 "title": "Fill and Sign",
224 "type": "ribbonItem",
225 "label": "Fill and Sign",
226 "groupedItems": [
227 "fillAndSignGroupedItems"
228 ],
229 "toolbarGroup": "toolbarGroup-FillAndSign"
230 },
231 "toolbarGroup-Forms": {
232 "dataElement": "toolbarGroup-Forms",
233 "title": "Forms",
234 "type": "ribbonItem",
235 "label": "Forms",
236 "groupedItems": [
237 "formsGroupedItems"
238 ],
239 "toolbarGroup": "toolbarGroup-Forms"
240 },
241 "default-ribbon-group": {
242 "dataElement": "default-ribbon-group",
243 "items": [
244 "toolbarGroup-View",
245 "toolbarGroup-Annotate",
246 "toolbarGroup-Shapes",
247 "toolbarGroup-Insert",
248 "toolbarGroup-Measure",
249 "toolbarGroup-Redact",
250 "toolbarGroup-Edit",
251 "toolbarGroup-EditText",
252 "toolbarGroup-FillAndSign",
253 "toolbarGroup-Forms"
254 ],
255 "type": "ribbonGroup",
256 "justifyContent": "start",
257 "grow": 2,
258 "gap": 12,
259 "alwaysVisible": false
260 },
261 "searchPanelToggle": {
262 "dataElement": "searchPanelToggle",
263 "title": "component.searchPanel",
264 "type": "toggleButton",
265 "img": "icon-header-search",
266 "toggleElement": "searchPanel"
267 },
268 "notesPanelToggle": {
269 "dataElement": "notesPanelToggle",
270 "title": "component.notesPanel",
271 "type": "toggleButton",
272 "img": "icon-header-chat-line",
273 "toggleElement": "notesPanel"
274 },
275 "highlightToolButton": {
276 "dataElement": "highlightToolButton",
277 "type": "toolButton",
278 "toolName": "AnnotationCreateTextHighlight"
279 },
280 "underlineToolButton": {
281 "dataElement": "underlineToolButton",
282 "type": "toolButton",
283 "toolName": "AnnotationCreateTextUnderline"
284 },
285 "underlineToolButton2": {
286 "dataElement": "underlineToolButton2",
287 "type": "toolButton",
288 "toolName": "AnnotationCreateTextUnderline2"
289 },
290 "strikeoutToolButton": {
291 "dataElement": "strikeoutToolButton",
292 "type": "toolButton",
293 "toolName": "AnnotationCreateTextStrikeout"
294 },
295 "squigglyToolButton": {
296 "dataElement": "squigglyToolButton",
297 "type": "toolButton",
298 "toolName": "AnnotationCreateTextSquiggly"
299 },
300 "freeTextToolButton": {
301 "dataElement": "freeTextToolButton",
302 "type": "toolButton",
303 "toolName": "AnnotationCreateFreeText"
304 },
305 "markInsertTextToolButton": {
306 "dataElement": "markInsertTextToolButton",
307 "type": "toolButton",
308 "toolName": "AnnotationCreateMarkInsertText"
309 },
310 "markReplaceTextToolButton": {
311 "dataElement": "markReplaceTextToolButton",
312 "type": "toolButton",
313 "toolName": "AnnotationCreateMarkReplaceText"
314 },
315 "freeHandToolButton": {
316 "dataElement": "freeHandToolButton",
317 "type": "toolButton",
318 "toolName": "AnnotationCreateFreeHand"
319 },
320 "freeHandHighlightToolButton": {
321 "dataElement": "freeHandHighlightToolButton",
322 "type": "toolButton",
323 "toolName": "AnnotationCreateFreeHandHighlight"
324 },
325 "stickyToolButton": {
326 "dataElement": "stickyToolButton",
327 "type": "toolButton",
328 "toolName": "AnnotationCreateSticky"
329 },
330 "calloutToolButton": {
331 "dataElement": "calloutToolButton",
332 "type": "toolButton",
333 "toolName": "AnnotationCreateCallout"
334 },
335 "divider-0.4": {
336 "dataElement": "divider-0.4",
337 "type": "divider"
338 },
339 "stylePanelToggle": {
340 "dataElement": "stylePanelToggle",
341 "title": "action.style",
342 "type": "toggleButton",
343 "img": "icon-style-panel-toggle",
344 "toggleElement": "stylePanel"
345 },
346 "indexPanelListToggle": {
347 "dataElement": "indexPanelListToggle",
348 "title": "component.indexPanel",
349 "type": "toggleButton",
350 "img": "icon-index-panel-list",
351 "toggleElement": "indexPanel"
352 },
353 "divider-0.5": {
354 "dataElement": "divider-0.5",
355 "type": "divider"
356 },
357 "undoButton": {
358 "dataElement": "undoButton",
359 "type": "presetButton",
360 "buttonType": "undoButton"
361 },
362 "redoButton": {
363 "dataElement": "redoButton",
364 "type": "presetButton",
365 "buttonType": "redoButton"
366 },
367 "eraserToolButton": {
368 "dataElement": "eraserToolButton",
369 "type": "toolButton",
370 "toolName": "AnnotationEraserTool"
371 },
372 "defaultAnnotationUtilities": {
373 "dataElement": "defaultAnnotationUtilities",
374 "items": [
375 "divider-0.5",
376 "undoButton",
377 "redoButton",
378 "eraserToolButton"
379 ],
380 "type": "groupedItems",
381 "grow": 0,
382 "gap": 12,
383 "alwaysVisible": false
384 },
385 "annotateToolsGroupedItems": {
386 "dataElement": "annotateToolsGroupedItems",
387 "items": [
388 "highlightToolButton",
389 "underlineToolButton",
390 "strikeoutToolButton",
391 "squigglyToolButton",
392 "freeHandToolButton",
393 "freeHandHighlightToolButton",
394 "freeTextToolButton",
395 "markInsertTextToolButton",
396 "markReplaceTextToolButton",
397 "stickyToolButton",
398 "calloutToolButton"
399 ],
400 "type": "groupedItems",
401 "justifyContent": "center",
402 "grow": 0,
403 "gap": 12,
404 "alwaysVisible": false
405 },
406 "annotateGroupedItems": {
407 "dataElement": "annotateGroupedItems",
408 "items": [
409 "annotateToolsGroupedItems",
410 "divider-0.4",
411 "stylePanelToggle",
412 "defaultAnnotationUtilities"
413 ],
414 "type": "groupedItems",
415 "justifyContent": "center",
416 "grow": 0,
417 "gap": 12,
418 "alwaysVisible": false
419 },
420 "rectangleToolButton": {
421 "dataElement": "rectangleToolButton",
422 "type": "toolButton",
423 "toolName": "AnnotationCreateRectangle"
424 },
425 "ellipseToolButton": {
426 "dataElement": "ellipseToolButton",
427 "type": "toolButton",
428 "toolName": "AnnotationCreateEllipse"
429 },
430 "arcToolButton": {
431 "dataElement": "arcToolButton",
432 "type": "toolButton",
433 "toolName": "AnnotationCreateArc"
434 },
435 "polygonToolButton": {
436 "dataElement": "polygonToolButton",
437 "type": "toolButton",
438 "toolName": "AnnotationCreatePolygon"
439 },
440 "cloudToolButton": {
441 "dataElement": "cloudToolButton",
442 "type": "toolButton",
443 "toolName": "AnnotationCreatePolygonCloud"
444 },
445 "lineToolButton": {
446 "dataElement": "lineToolButton",
447 "type": "toolButton",
448 "toolName": "AnnotationCreateLine"
449 },
450 "polylineToolButton": {
451 "dataElement": "polylineToolButton",
452 "type": "toolButton",
453 "toolName": "AnnotationCreatePolyline"
454 },
455 "arrowToolButton": {
456 "dataElement": "arrowToolButton",
457 "type": "toolButton",
458 "toolName": "AnnotationCreateArrow"
459 },
460 "shapesToolsGroupedItems": {
461 "dataElement": "shapesToolsGroupedItems",
462 "items": [
463 "rectangleToolButton",
464 "ellipseToolButton",
465 "arcToolButton",
466 "polygonToolButton",
467 "cloudToolButton",
468 "lineToolButton",
469 "polylineToolButton",
470 "arrowToolButton"
471 ],
472 "type": "groupedItems",
473 "grow": 0,
474 "gap": 12,
475 "alwaysVisible": false
476 },
477 "shapesGroupedItems": {
478 "dataElement": "shapesGroupedItems",
479 "items": [
480 "shapesToolsGroupedItems",
481 "divider-0.4",
482 "stylePanelToggle",
483 "defaultAnnotationUtilities"
484 ],
485 "type": "groupedItems",
486 "grow": 0,
487 "gap": 12,
488 "alwaysVisible": false
489 },
490 "rubberStampToolButton": {
491 "dataElement": "rubberStampToolButton",
492 "type": "toolButton",
493 "toolName": "AnnotationCreateRubberStamp"
494 },
495 "signatureCreateToolButton": {
496 "dataElement": "signatureCreateToolButton",
497 "type": "toolButton",
498 "toolName": "AnnotationCreateSignature"
499 },
500 "fileAttachmentButton": {
501 "dataElement": "fileAttachmentButton",
502 "type": "toolButton",
503 "toolName": "AnnotationCreateFileAttachment"
504 },
505 "stampToolButton": {
506 "dataElement": "stampToolButton",
507 "type": "toolButton",
508 "toolName": "AnnotationCreateStamp"
509 },
510 "insertToolsGroupedItems": {
511 "dataElement": "insertToolsGroupedItems",
512 "items": [
513 "rubberStampToolButton",
514 "signatureCreateToolButton",
515 "fileAttachmentButton",
516 "stampToolButton"
517 ],
518 "type": "groupedItems",
519 "grow": 0,
520 "gap": 12,
521 "alwaysVisible": false
522 },
523 "insertGroupedItems": {
524 "dataElement": "insertGroupedItems",
525 "items": [
526 "insertToolsGroupedItems",
527 "divider-0.4",
528 "stylePanelToggle",
529 "defaultAnnotationUtilities"
530 ],
531 "type": "groupedItems",
532 "grow": 0,
533 "gap": 12,
534 "alwaysVisible": false
535 },
536 "redactionToolButton": {
537 "dataElement": "redactionToolButton",
538 "type": "toolButton",
539 "toolName": "AnnotationCreateRedaction"
540 },
541 "pageRedactionToggleButton": {
542 "dataElement": "pageRedactionToggleButton",
543 "title": "action.redactPages",
544 "type": "toggleButton",
545 "img": "icon-tool-page-redact",
546 "toggleElement": "pageRedactionModal"
547 },
548 "redactionPanelToggle": {
549 "dataElement": "redactionPanelToggle",
550 "type": "toggleButton",
551 "img": "icon-redact-panel",
552 "toggleElement": "redactionPanel",
553 "title": "component.redactionPanel",
554 "disabled": true
555 },
556 "redactionGroupedItems": {
557 "dataElement": "redactionGroupedItems",
558 "items": [
559 "redactionToolButton",
560 "pageRedactionToggleButton",
561 "redactionPanelToggle",
562 "divider-0.4",
563 "stylePanelToggle",
564 "defaultAnnotationUtilities"
565 ],
566 "type": "groupedItems",
567 "grow": 0,
568 "gap": 12,
569 "alwaysVisible": false
570 },
571 "distanceMeasurementToolButton": {
572 "dataElement": "distanceMeasurementToolButton",
573 "type": "toolButton",
574 "toolName": "AnnotationCreateDistanceMeasurement"
575 },
576 "arcMeasurementToolButton": {
577 "dataElement": "arcMeasurementToolButton",
578 "type": "toolButton",
579 "toolName": "AnnotationCreateArcMeasurement"
580 },
581 "perimeterMeasurementToolButton": {
582 "dataElement": "perimeterMeasurementToolButton",
583 "type": "toolButton",
584 "toolName": "AnnotationCreatePerimeterMeasurement"
585 },
586 "areaMeasurementToolButton": {
587 "dataElement": "areaMeasurementToolButton",
588 "type": "toolButton",
589 "toolName": "AnnotationCreateAreaMeasurement"
590 },
591 "ellipseMeasurementToolButton": {
592 "dataElement": "ellipseMeasurementToolButton",
593 "type": "toolButton",
594 "toolName": "AnnotationCreateEllipseMeasurement"
595 },
596 "rectangularAreaMeasurementToolButton": {
597 "dataElement": "rectangularAreaMeasurementToolButton",
598 "type": "toolButton",
599 "toolName": "AnnotationCreateRectangularAreaMeasurement"
600 },
601 "countMeasurementToolButton": {
602 "dataElement": "countMeasurementToolButton",
603 "type": "toolButton",
604 "toolName": "AnnotationCreateCountMeasurement"
605 },
606 "measureGroupedItems": {
607 "dataElement": "measureGroupedItems",
608 "items": [
609 "distanceMeasurementToolButton",
610 "arcMeasurementToolButton",
611 "perimeterMeasurementToolButton",
612 "areaMeasurementToolButton",
613 "ellipseMeasurementToolButton",
614 "rectangularAreaMeasurementToolButton",
615 "countMeasurementToolButton",
616 "divider-0.4",
617 "stylePanelToggle",
618 "defaultAnnotationUtilities"
619 ],
620 "type": "groupedItems",
621 "grow": 0,
622 "gap": 12,
623 "alwaysVisible": false
624 },
625 "cropToolButton": {
626 "dataElement": "cropToolButton",
627 "type": "toolButton",
628 "toolName": "CropPage"
629 },
630 "snippingToolButton": {
631 "dataElement": "snippingToolButton",
632 "type": "toolButton",
633 "toolName": "SnippingTool"
634 },
635 "editGroupedItems": {
636 "dataElement": "editGroupedItems",
637 "items": [
638 "cropToolButton",
639 "snippingToolButton"
640 ],
641 "type": "groupedItems",
642 "grow": 0,
643 "gap": 12,
644 "alwaysVisible": false
645 },
646 "addParagraphToolGroupButton": {
647 "dataElement": "addParagraphToolGroupButton",
648 "type": "toolButton",
649 "toolName": "AddParagraphTool",
650 "disabled": true
651 },
652 "addImageContentToolGroupButton": {
653 "dataElement": "addImageContentToolGroupButton",
654 "type": "toolButton",
655 "toolName": "AddImageContentTool",
656 "disabled": true
657 },
658 "divider-0.6": {
659 "dataElement": "divider-0.6",
660 "type": "divider"
661 },
662 "contentEditButton": {
663 "dataElement": "contentEditButton",
664 "type": "presetButton",
665 "buttonType": "contentEditButton",
666 "disabled": true
667 },
668 "contentEditGroupedItems": {
669 "dataElement": "contentEditGroupedItems",
670 "items": [
671 "addParagraphToolGroupButton",
672 "addImageContentToolGroupButton",
673 "divider-0.6",
674 "contentEditButton"
675 ],
676 "type": "groupedItems",
677 "grow": 0,
678 "gap": 12,
679 "alwaysVisible": false
680 },
681 "crossStampToolButton": {
682 "dataElement": "crossStampToolButton",
683 "type": "toolButton",
684 "toolName": "AnnotationCreateCrossStamp"
685 },
686 "checkStampToolButton": {
687 "dataElement": "checkStampToolButton",
688 "type": "toolButton",
689 "toolName": "AnnotationCreateCheckStamp"
690 },
691 "dotStampToolButton": {
692 "dataElement": "dotStampToolButton",
693 "type": "toolButton",
694 "toolName": "AnnotationCreateDotStamp"
695 },
696 "calendarToolButton": {
697 "dataElement": "calendarToolButton",
698 "type": "toolButton",
699 "toolName": "AnnotationCreateDateFreeText"
700 },
701 "fillAndSignGroupedItems": {
702 "dataElement": "fillAndSignGroupedItems",
703 "items": [
704 "signatureCreateToolButton",
705 "freeTextToolButton",
706 "crossStampToolButton",
707 "checkStampToolButton",
708 "dotStampToolButton",
709 "rubberStampToolButton",
710 "calendarToolButton",
711 "divider-0.4",
712 "stylePanelToggle",
713 "defaultAnnotationUtilities"
714 ],
715 "type": "groupedItems",
716 "grow": 0,
717 "gap": 12,
718 "alwaysVisible": false
719 },
720 "signatureFieldButton": {
721 "dataElement": "signatureFieldButton",
722 "type": "toolButton",
723 "toolName": "SignatureFormFieldCreateTool"
724 },
725 "textFieldButton": {
726 "dataElement": "textFieldButton",
727 "type": "toolButton",
728 "toolName": "TextFormFieldCreateTool"
729 },
730 "checkboxFieldButton": {
731 "dataElement": "checkboxFieldButton",
732 "type": "toolButton",
733 "toolName": "CheckBoxFormFieldCreateTool"
734 },
735 "radioFieldButton": {
736 "dataElement": "radioFieldButton",
737 "type": "toolButton",
738 "toolName": "RadioButtonFormFieldCreateTool"
739 },
740 "listBoxFieldButton": {
741 "dataElement": "listBoxFieldButton",
742 "type": "toolButton",
743 "toolName": "ListBoxFormFieldCreateTool"
744 },
745 "comboBoxFieldButton": {
746 "dataElement": "comboBoxFieldButton",
747 "type": "toolButton",
748 "toolName": "ComboBoxFormFieldCreateTool"
749 },
750 "divider-0.7": {
751 "dataElement": "divider-0.7",
752 "type": "divider"
753 },
754 "formFieldEditButton": {
755 "dataElement": "formFieldEditButton",
756 "type": "presetButton",
757 "buttonType": "formFieldEditButton"
758 },
759 "divider-0.8": {
760 "dataElement": "divider-0.8",
761 "type": "divider"
762 },
763 "formsToolsGroupedItems": {
764 "dataElement": "formsToolsGroupedItems",
765 "items": [
766 "signatureFieldButton",
767 "textFieldButton",
768 "freeTextToolButton",
769 "checkboxFieldButton",
770 "radioFieldButton",
771 "listBoxFieldButton",
772 "comboBoxFieldButton",
773 "divider-0.7",
774 "formFieldEditButton"
775 ],
776 "type": "groupedItems",
777 "grow": 0,
778 "gap": 12,
779 "alwaysVisible": false
780 },
781 "formsGroupedItems": {
782 "dataElement": "formsGroupedItems",
783 "items": [
784 "formsToolsGroupedItems",
785 "divider-0.8",
786 "stylePanelToggle",
787 "indexPanelListToggle"
788 ],
789 "type": "groupedItems",
790 "grow": 0,
791 "gap": 12,
792 "alwaysVisible": false
793 },
794 "page-controls-container": {
795 "dataElement": "page-controls-container",
796 "type": "pageControls",
797 "title": "component.pageControls",
798 "icon": "icon-page-controls"
799 },
800 "newDocumentButton": {
801 "dataElement": "newDocumentButton",
802 "presetDataElement": "newDocumentPresetButton",
803 "label": "action.newDocument",
804 "title": "action.newDocument",
805 "isActive": false,
806 "type": "presetButton",
807 "buttonType": "newDocumentButton"
808 },
809 "fullscreenButton": {
810 "dataElement": "fullscreenButton",
811 "presetDataElement": "fullscreenPresetButton",
812 "label": "action.enterFullscreen",
813 "title": "action.enterFullscreen",
814 "type": "presetButton",
815 "buttonType": "fullscreenButton"
816 }
817 },
818 "modularHeaders": {
819 "default-top-header-demo": {
820 "dataElement": "default-top-header-demo",
821 "placement": "top",
822 "grow": 0,
823 "gap": 12,
824 "position": "start",
825 "float": false,
826 "stroke": true,
827 "dimension": {
828 "paddingTop": 8,
829 "paddingBottom": 8,
830 "borderWidth": 1
831 },
832 "style": {},
833 "items": [
834 "groupedLeftHeaderButtons",
835 "groupedMainHeaderButtons",
836 "comparePanelToggle",
837 "undoButton",
838 "redoButton",
839 "divider-0.1",
840 "searchPanelToggle"
841 ]
842 },
843 "page-nav-floating-header": {
844 "dataElement": "page-nav-floating-header",
845 "placement": "bottom",
846 "grow": 0,
847 "gap": 12,
848 "position": "center",
849 "opacityMode": "dynamic",
850 "opacity": "none",
851 "float": true,
852 "stroke": true,
853 "dimension": {
854 "paddingTop": 8,
855 "paddingBottom": 8,
856 "borderWidth": 1
857 },
858 "style": {
859 "background": "var(--gray-1)",
860 "padding": "8px",
861 "borderStyle": "solid",
862 "borderWidth": 1,
863 "borderColor": "var(--gray-5)"
864 },
865 "items": [
866 "page-controls-container"
867 ]
868 }
869 },
870 "panels": {
871 "comparePanel": {
872 "dataElement": "comparePanel",
873 "render": "changeListPanel",
874 "location": "right"
875 },
876 "stylePanel": {
877 "dataElement": "stylePanel",
878 "render": "stylePanel",
879 "location": "left"
880 },
881 "thumbnailsPanel": {
882 "dataElement": "thumbnailsPanel",
883 "render": "thumbnailsPanel",
884 "location": "left"
885 },
886 "outlinesPanel": {
887 "dataElement": "outlinesPanel",
888 "render": "outlinesPanel",
889 "location": "left"
890 },
891 "bookmarksPanel": {
892 "dataElement": "bookmarksPanel",
893 "render": "bookmarksPanel",
894 "location": "left"
895 },
896 "formFieldPanel": {
897 "dataElement": "formFieldPanel",
898 "render": "formFieldPanel",
899 "location": "right"
900 },
901 "indexPanel": {
902 "dataElement": "indexPanel",
903 "render": "indexPanel",
904 "location": "right"
905 },
906 "layersPanel": {
907 "dataElement": "layersPanel",
908 "render": "layersPanel",
909 "location": "left"
910 },
911 "signatureListPanel": {
912 "dataElement": "signatureListPanel",
913 "render": "signatureListPanel",
914 "location": "left"
915 },
916 "fileAttachmentPanel": {
917 "dataElement": "fileAttachmentPanel",
918 "render": "fileAttachmentPanel",
919 "location": "left"
920 },
921 "rubberStampPanel": {
922 "dataElement": "rubberStampPanel",
923 "render": "rubberStampPanel",
924 "location": "left"
925 },
926 "textEditingPanel": {
927 "dataElement": "textEditingPanel",
928 "render": "textEditingPanel",
929 "location": "right"
930 },
931 "signaturePanel": {
932 "dataElement": "signaturePanel",
933 "render": "signaturePanel",
934 "location": "left",
935 "disabled": true
936 },
937 "portfolioPanel": {
938 "dataElement": "portfolioPanel",
939 "render": "portfolioPanel",
940 "location": "left",
941 "disabled": true
942 },
943 "tabPanel": {
944 "render": "tabPanel",
945 "dataElement": "tabPanel",
946 "panelsList": [
947 {
948 "render": "thumbnailsPanel"
949 },
950 {
951 "render": "outlinesPanel"
952 },
953 {
954 "render": "bookmarksPanel"
955 },
956 {
957 "render": "layersPanel"
958 },
959 {
960 "render": "signaturePanel"
961 },
962 {
963 "render": "fileAttachmentPanel"
964 },
965 {
966 "render": "portfolioPanel"
967 }
968 ],
969 "location": "left"
970 },
971 "notesPanel": {
972 "dataElement": "notesPanel",
973 "render": "notesPanel",
974 "location": "right"
975 },
976 "searchPanel": {
977 "dataElement": "searchPanel",
978 "render": "searchPanel",
979 "location": "right"
980 },
981 "redactionPanel": {
982 "dataElement": "redactionPanel",
983 "render": "redactionPanel",
984 "location": "right",
985 "disabled": true
986 }
987 },
988 "flyouts": {
989 "MainMenuFlyout": {
990 "dataElement": "MainMenuFlyout",
991 "items": [
992 "newDocumentButton",
993 "filePickerButton",
994 "downloadButton",
995 "fullscreenButton",
996 "saveAsButton",
997 "printButton",
998 "divider",
999 "createPortfolioButton",
1000 "divider",
1001 "settingsButton",
1002 "divider"
1003 ]
1004 }
1005 }
1006}
1007
1{
2 "modularComponents": {
3 "comparePanelToggle": {
4 "dataElement": "comparePanelToggle",
5 "title": "action.comparePages",
6 "label": "action.comparePages",
7 "type": "presetButton",
8 "buttonType": "compareButton",
9 "disabled": true
10 },
11 "filePickerButton": {
12 "dataElement": "filePickerButton",
13 "title": "action.openFile",
14 "label": "action.openFile",
15 "type": "presetButton"
16 },
17 "downloadButton": {
18 "dataElement": "downloadButton",
19 "title": "action.download",
20 "label": "action.download",
21 "type": "presetButton",
22 "buttonType": "downloadButton"
23 },
24 "saveAsButton": {
25 "dataElement": "saveAsButton",
26 "title": "saveModal.saveAs",
27 "isActive": false,
28 "label": "saveModal.saveAs",
29 "type": "presetButton",
30 "buttonType": "saveAsButton"
31 },
32 "printButton": {
33 "dataElement": "printButton",
34 "title": "action.print",
35 "isActive": false,
36 "label": "action.print",
37 "type": "presetButton",
38 "buttonType": "printButton"
39 },
40 "createPortfolioButton": {
41 "dataElement": "createPortfolioButton",
42 "title": "portfolio.createPDFPortfolio",
43 "isActive": false,
44 "label": "portfolio.createPDFPortfolio",
45 "type": "presetButton",
46 "disabled": true
47 },
48 "settingsButton": {
49 "dataElement": "settingsButton",
50 "title": "option.settings.settings",
51 "isActive": false,
52 "label": "option.settings.settings",
53 "type": "presetButton"
54 },
55 "divider-0.1": {
56 "dataElement": "divider-0.1",
57 "type": "divider"
58 },
59 "leftPanelButton": {
60 "dataElement": "leftPanelButton",
61 "title": "Left Panel",
62 "type": "toggleButton",
63 "img": "icon-header-sidebar-line",
64 "toggleElement": "tabPanel"
65 },
66 "view-controls": {
67 "dataElement": "view-controls",
68 "type": "viewControls",
69 "title": "component.viewControls",
70 "icon": "icon-header-page-manipulation-line"
71 },
72 "divider-0.3": {
73 "dataElement": "divider-0.3",
74 "type": "divider"
75 },
76 "zoom-container": {
77 "dataElement": "zoom-container",
78 "type": "zoom"
79 },
80 "divider-0.2": {
81 "dataElement": "divider-0.2",
82 "type": "divider"
83 },
84 "panToolButton": {
85 "dataElement": "panToolButton",
86 "type": "toolButton",
87 "toolName": "Pan"
88 },
89 "annotationEditToolButton": {
90 "dataElement": "annotationEditToolButton",
91 "type": "toolButton",
92 "toolName": "AnnotationEdit"
93 },
94 "menuButton": {
95 "dataElement": "menuButton",
96 "img": "ic-hamburger-menu",
97 "title": "component.menuOverlay",
98 "toggleElement": "MainMenuFlyout",
99 "type": "toggleButton"
100 },
101 "groupedLeftHeaderButtons": {
102 "dataElement": "groupedLeftHeaderButtons",
103 "items": [
104 "menuButton",
105 "divider-0.1",
106 "leftPanelButton",
107 "view-controls",
108 "divider-0.3",
109 "zoom-container"
110 ],
111 "type": "groupedItems",
112 "grow": 1,
113 "gap": 12,
114 "alwaysVisible": true
115 },
116 "groupedRightHeaderStartButtons": {
117 "dataElement": "groupedRightHeaderStartButtons",
118 "items": [
119 "notesPanelToggle",
120 "searchPanelToggle",
121 "defaultAnnotationUtilities"
122 ],
123 "type": "groupedItems",
124 "grow": 1,
125 "gap": 12,
126 "alwaysVisible": true
127 },
128 "groupedRightHeaderEndButtons": {
129 "dataElement": "groupedRightHeaderEndButtons",
130 "justifyContent": "end",
131 "items": [
132 "divider-0.2",
133 "panToolButton",
134 "annotationEditToolButton",
135 "page-controls-container"
136 ],
137 "type": "groupedItems",
138 "grow": 1,
139 "gap": 12,
140 "alwaysVisible": true
141 },
142 "toolbarGroup-View": {
143 "dataElement": "toolbarGroup-View",
144 "title": "View",
145 "type": "ribbonItem",
146 "label": "View",
147 "img": "icon-view-ribbon",
148 "groupedItems": [],
149 "toolbarGroup": "toolbarGroup-View"
150 },
151 "toolbarGroup-Annotate": {
152 "dataElement": "toolbarGroup-Annotate",
153 "title": "Annotate",
154 "type": "ribbonItem",
155 "label": "Annotate",
156 "img": "icon-annotate-ribbon",
157 "groupedItems": [
158 "annotateGroupedItems"
159 ],
160 "toolbarGroup": "toolbarGroup-Annotate"
161 },
162 "toolbarGroup-Shapes": {
163 "dataElement": "toolbarGroup-Shapes",
164 "title": "Shapes",
165 "type": "ribbonItem",
166 "label": "Shapes",
167 "img": "icon-tool-shape-rectangle",
168 "groupedItems": [
169 "shapesGroupedItems"
170 ],
171 "toolbarGroup": "toolbarGroup-Shapes"
172 },
173 "toolbarGroup-Insert": {
174 "dataElement": "toolbarGroup-Insert",
175 "title": "Insert",
176 "type": "ribbonItem",
177 "label": "Insert",
178 "img": "icon-insert-ribbon",
179 "groupedItems": [
180 "insertGroupedItems"
181 ],
182 "toolbarGroup": "toolbarGroup-Insert"
183 },
184 "toolbarGroup-Measure": {
185 "dataElement": "toolbarGroup-Measure",
186 "title": "Measure",
187 "type": "ribbonItem",
188 "label": "Measure",
189 "groupedItems": [
190 "measureGroupedItems"
191 ],
192 "toolbarGroup": "toolbarGroup-Measure",
193 "disabled": true
194 },
195 "toolbarGroup-Redact": {
196 "dataElement": "toolbarGroup-Redact",
197 "title": "Redact",
198 "type": "ribbonItem",
199 "label": "Redact",
200 "groupedItems": [
201 "redactionGroupedItems"
202 ],
203 "toolbarGroup": "toolbarGroup-Redact",
204 "disabled": true
205 },
206 "toolbarGroup-Edit": {
207 "dataElement": "toolbarGroup-Edit",
208 "title": "Edit",
209 "type": "ribbonItem",
210 "label": "Edit",
211 "groupedItems": [
212 "editGroupedItems"
213 ],
214 "toolbarGroup": "toolbarGroup-Edit",
215 "disabled": true
216 },
217 "toolbarGroup-EditText": {
218 "dataElement": "toolbarGroup-EditText",
219 "title": "Content Edit",
220 "type": "ribbonItem",
221 "label": "Content Edit",
222 "groupedItems": [
223 "contentEditGroupedItems"
224 ],
225 "toolbarGroup": "toolbarGroup-EditText",
226 "disabled": true
227 },
228 "toolbarGroup-FillAndSign": {
229 "dataElement": "toolbarGroup-FillAndSign",
230 "title": "Fill and Sign",
231 "type": "ribbonItem",
232 "label": "Fill and Sign",
233 "groupedItems": [
234 "fillAndSignGroupedItems"
235 ],
236 "toolbarGroup": "toolbarGroup-FillAndSign",
237 "disabled": true
238 },
239 "toolbarGroup-Forms": {
240 "dataElement": "toolbarGroup-Forms",
241 "title": "Forms",
242 "type": "ribbonItem",
243 "label": "Forms",
244 "groupedItems": [
245 "formsGroupedItems"
246 ],
247 "toolbarGroup": "toolbarGroup-Forms",
248 "disabled": true
249 },
250 "default-ribbon-group": {
251 "dataElement": "default-ribbon-group",
252 "items": [
253 "toolbarGroup-View",
254 "toolbarGroup-Annotate",
255 "toolbarGroup-Shapes",
256 "toolbarGroup-Insert"
257 ],
258 "type": "ribbonGroup",
259 "justifyContent": "center",
260 "grow": 10,
261 "gap": 12,
262 "alwaysVisible": false
263 },
264 "searchPanelToggle": {
265 "dataElement": "searchPanelToggle",
266 "title": "component.searchPanel",
267 "type": "toggleButton",
268 "img": "icon-header-search",
269 "toggleElement": "searchPanel"
270 },
271 "notesPanelToggle": {
272 "dataElement": "notesPanelToggle",
273 "title": "component.notesPanel",
274 "type": "toggleButton",
275 "img": "icon-header-chat-line",
276 "toggleElement": "notesPanel"
277 },
278 "highlightToolButton": {
279 "dataElement": "highlightToolButton",
280 "type": "toolButton",
281 "toolName": "AnnotationCreateTextHighlight"
282 },
283 "underlineToolButton": {
284 "dataElement": "underlineToolButton",
285 "type": "toolButton",
286 "toolName": "AnnotationCreateTextUnderline"
287 },
288 "strikeoutToolButton": {
289 "dataElement": "strikeoutToolButton",
290 "type": "toolButton",
291 "toolName": "AnnotationCreateTextStrikeout"
292 },
293 "squigglyToolButton": {
294 "dataElement": "squigglyToolButton",
295 "type": "toolButton",
296 "toolName": "AnnotationCreateTextSquiggly"
297 },
298 "freeTextToolButton": {
299 "dataElement": "freeTextToolButton",
300 "type": "toolButton",
301 "toolName": "AnnotationCreateFreeText"
302 },
303 "markInsertTextToolButton": {
304 "dataElement": "markInsertTextToolButton",
305 "type": "toolButton",
306 "toolName": "AnnotationCreateMarkInsertText"
307 },
308 "markReplaceTextToolButton": {
309 "dataElement": "markReplaceTextToolButton",
310 "type": "toolButton",
311 "toolName": "AnnotationCreateMarkReplaceText"
312 },
313 "freeHandToolButton": {
314 "dataElement": "freeHandToolButton",
315 "type": "toolButton",
316 "toolName": "AnnotationCreateFreeHand"
317 },
318 "freeHandHighlightToolButton": {
319 "dataElement": "freeHandHighlightToolButton",
320 "type": "toolButton",
321 "toolName": "AnnotationCreateFreeHandHighlight"
322 },
323 "stickyToolButton": {
324 "dataElement": "stickyToolButton",
325 "type": "toolButton",
326 "toolName": "AnnotationCreateSticky"
327 },
328 "calloutToolButton": {
329 "dataElement": "calloutToolButton",
330 "type": "toolButton",
331 "toolName": "AnnotationCreateCallout"
332 },
333 "divider-0.4": {
334 "dataElement": "divider-0.4",
335 "type": "divider"
336 },
337 "stylePanelToggle": {
338 "dataElement": "stylePanelToggle",
339 "title": "action.style",
340 "type": "toggleButton",
341 "img": "icon-style-panel-toggle",
342 "toggleElement": "stylePanel"
343 },
344 "indexPanelListToggle": {
345 "dataElement": "indexPanelListToggle",
346 "title": "component.indexPanel",
347 "type": "toggleButton",
348 "img": "icon-index-panel-list",
349 "toggleElement": "indexPanel"
350 },
351 "divider-0.5": {
352 "dataElement": "divider-0.5",
353 "type": "divider"
354 },
355 "undoButton": {
356 "dataElement": "undoButton",
357 "type": "presetButton",
358 "buttonType": "undoButton"
359 },
360 "redoButton": {
361 "dataElement": "redoButton",
362 "type": "presetButton",
363 "buttonType": "redoButton"
364 },
365 "eraserToolButton": {
366 "dataElement": "eraserToolButton",
367 "type": "toolButton",
368 "toolName": "AnnotationEraserTool"
369 },
370 "defaultAnnotationUtilities": {
371 "dataElement": "defaultAnnotationUtilities",
372 "items": [
373 "divider-0.5",
374 "undoButton",
375 "redoButton"
376 ],
377 "type": "groupedItems",
378 "grow": 0,
379 "gap": 12,
380 "alwaysVisible": false
381 },
382 "annotateToolsGroupedItems": {
383 "dataElement": "annotateToolsGroupedItems",
384 "items": [
385 "highlightToolButton",
386 "underlineToolButton",
387 "strikeoutToolButton",
388 "squigglyToolButton",
389 "freeHandToolButton",
390 "freeHandHighlightToolButton",
391 "freeTextToolButton",
392 "markInsertTextToolButton",
393 "markReplaceTextToolButton",
394 "stickyToolButton",
395 "calloutToolButton"
396 ],
397 "type": "groupedItems",
398 "justifyContent": "center",
399 "grow": 0,
400 "gap": 12,
401 "alwaysVisible": false
402 },
403 "annotateGroupedItems": {
404 "dataElement": "annotateGroupedItems",
405 "items": [
406 "annotateToolsGroupedItems",
407 "divider-0.4",
408 "stylePanelToggle",
409 "defaultAnnotationUtilities"
410 ],
411 "type": "groupedItems",
412 "justifyContent": "center",
413 "grow": 0,
414 "gap": 12,
415 "alwaysVisible": false
416 },
417 "rectangleToolButton": {
418 "dataElement": "rectangleToolButton",
419 "type": "toolButton",
420 "toolName": "AnnotationCreateRectangle"
421 },
422 "ellipseToolButton": {
423 "dataElement": "ellipseToolButton",
424 "type": "toolButton",
425 "toolName": "AnnotationCreateEllipse"
426 },
427 "arcToolButton": {
428 "dataElement": "arcToolButton",
429 "type": "toolButton",
430 "toolName": "AnnotationCreateArc"
431 },
432 "polygonToolButton": {
433 "dataElement": "polygonToolButton",
434 "type": "toolButton",
435 "toolName": "AnnotationCreatePolygon"
436 },
437 "cloudToolButton": {
438 "dataElement": "cloudToolButton",
439 "type": "toolButton",
440 "toolName": "AnnotationCreatePolygonCloud"
441 },
442 "lineToolButton": {
443 "dataElement": "lineToolButton",
444 "type": "toolButton",
445 "toolName": "AnnotationCreateLine"
446 },
447 "polylineToolButton": {
448 "dataElement": "polylineToolButton",
449 "type": "toolButton",
450 "toolName": "AnnotationCreatePolyline"
451 },
452 "arrowToolButton": {
453 "dataElement": "arrowToolButton",
454 "type": "toolButton",
455 "toolName": "AnnotationCreateArrow"
456 },
457 "shapesToolsGroupedItems": {
458 "dataElement": "shapesToolsGroupedItems",
459 "items": [
460 "rectangleToolButton",
461 "ellipseToolButton",
462 "arcToolButton",
463 "polygonToolButton",
464 "cloudToolButton",
465 "lineToolButton",
466 "polylineToolButton",
467 "arrowToolButton"
468 ],
469 "type": "groupedItems",
470 "grow": 0,
471 "gap": 12,
472 "alwaysVisible": false
473 },
474 "shapesGroupedItems": {
475 "dataElement": "shapesGroupedItems",
476 "items": [
477 "shapesToolsGroupedItems",
478 "divider-0.4",
479 "stylePanelToggle",
480 "defaultAnnotationUtilities"
481 ],
482 "type": "groupedItems",
483 "grow": 0,
484 "gap": 12,
485 "alwaysVisible": false
486 },
487 "rubberStampToolButton": {
488 "dataElement": "rubberStampToolButton",
489 "type": "toolButton",
490 "toolName": "AnnotationCreateRubberStamp"
491 },
492 "signatureCreateToolButton": {
493 "dataElement": "signatureCreateToolButton",
494 "type": "toolButton",
495 "toolName": "AnnotationCreateSignature"
496 },
497 "fileAttachmentButton": {
498 "dataElement": "fileAttachmentButton",
499 "type": "toolButton",
500 "toolName": "AnnotationCreateFileAttachment"
501 },
502 "stampToolButton": {
503 "dataElement": "stampToolButton",
504 "type": "toolButton",
505 "toolName": "AnnotationCreateStamp"
506 },
507 "insertToolsGroupedItems": {
508 "dataElement": "insertToolsGroupedItems",
509 "items": [
510 "rubberStampToolButton",
511 "signatureCreateToolButton",
512 "fileAttachmentButton",
513 "stampToolButton"
514 ],
515 "type": "groupedItems",
516 "grow": 0,
517 "gap": 12,
518 "alwaysVisible": false
519 },
520 "insertGroupedItems": {
521 "dataElement": "insertGroupedItems",
522 "items": [
523 "insertToolsGroupedItems",
524 "divider-0.4",
525 "stylePanelToggle",
526 "defaultAnnotationUtilities"
527 ],
528 "type": "groupedItems",
529 "grow": 0,
530 "gap": 12,
531 "alwaysVisible": false
532 },
533 "redactionToolButton": {
534 "dataElement": "redactionToolButton",
535 "type": "toolButton",
536 "toolName": "AnnotationCreateRedaction"
537 },
538 "pageRedactionToggleButton": {
539 "dataElement": "pageRedactionToggleButton",
540 "title": "action.redactPages",
541 "type": "toggleButton",
542 "img": "icon-tool-page-redact",
543 "toggleElement": "pageRedactionModal"
544 },
545 "redactionPanelToggle": {
546 "dataElement": "redactionPanelToggle",
547 "type": "toggleButton",
548 "img": "icon-redact-panel",
549 "toggleElement": "redactionPanel",
550 "title": "component.redactionPanel",
551 "disabled": true
552 },
553 "redactionGroupedItems": {
554 "dataElement": "redactionGroupedItems",
555 "items": [
556 "redactionToolButton",
557 "pageRedactionToggleButton",
558 "redactionPanelToggle",
559 "divider-0.4",
560 "stylePanelToggle",
561 "defaultAnnotationUtilities"
562 ],
563 "type": "groupedItems",
564 "grow": 0,
565 "gap": 12,
566 "alwaysVisible": false
567 },
568 "distanceMeasurementToolButton": {
569 "dataElement": "distanceMeasurementToolButton",
570 "type": "toolButton",
571 "toolName": "AnnotationCreateDistanceMeasurement"
572 },
573 "arcMeasurementToolButton": {
574 "dataElement": "arcMeasurementToolButton",
575 "type": "toolButton",
576 "toolName": "AnnotationCreateArcMeasurement"
577 },
578 "perimeterMeasurementToolButton": {
579 "dataElement": "perimeterMeasurementToolButton",
580 "type": "toolButton",
581 "toolName": "AnnotationCreatePerimeterMeasurement"
582 },
583 "areaMeasurementToolButton": {
584 "dataElement": "areaMeasurementToolButton",
585 "type": "toolButton",
586 "toolName": "AnnotationCreateAreaMeasurement"
587 },
588 "ellipseMeasurementToolButton": {
589 "dataElement": "ellipseMeasurementToolButton",
590 "type": "toolButton",
591 "toolName": "AnnotationCreateEllipseMeasurement"
592 },
593 "rectangularAreaMeasurementToolButton": {
594 "dataElement": "rectangularAreaMeasurementToolButton",
595 "type": "toolButton",
596 "toolName": "AnnotationCreateRectangularAreaMeasurement"
597 },
598 "countMeasurementToolButton": {
599 "dataElement": "countMeasurementToolButton",
600 "type": "toolButton",
601 "toolName": "AnnotationCreateCountMeasurement"
602 },
603 "measureGroupedItems": {
604 "dataElement": "measureGroupedItems",
605 "items": [
606 "distanceMeasurementToolButton",
607 "arcMeasurementToolButton",
608 "perimeterMeasurementToolButton",
609 "areaMeasurementToolButton",
610 "ellipseMeasurementToolButton",
611 "rectangularAreaMeasurementToolButton",
612 "countMeasurementToolButton",
613 "divider-0.4",
614 "stylePanelToggle",
615 "defaultAnnotationUtilities"
616 ],
617 "type": "groupedItems",
618 "grow": 0,
619 "gap": 12,
620 "alwaysVisible": false
621 },
622 "cropToolButton": {
623 "dataElement": "cropToolButton",
624 "type": "toolButton",
625 "toolName": "CropPage"
626 },
627 "snippingToolButton": {
628 "dataElement": "snippingToolButton",
629 "type": "toolButton",
630 "toolName": "SnippingTool"
631 },
632 "editGroupedItems": {
633 "dataElement": "editGroupedItems",
634 "items": [
635 "cropToolButton",
636 "snippingToolButton"
637 ],
638 "type": "groupedItems",
639 "grow": 0,
640 "gap": 12,
641 "alwaysVisible": false
642 },
643 "addParagraphToolGroupButton": {
644 "dataElement": "addParagraphToolGroupButton",
645 "type": "toolButton",
646 "toolName": "AddParagraphTool",
647 "disabled": true
648 },
649 "addImageContentToolGroupButton": {
650 "dataElement": "addImageContentToolGroupButton",
651 "type": "toolButton",
652 "toolName": "AddImageContentTool",
653 "disabled": true
654 },
655 "divider-0.6": {
656 "dataElement": "divider-0.6",
657 "type": "divider"
658 },
659 "contentEditButton": {
660 "dataElement": "contentEditButton",
661 "type": "presetButton",
662 "buttonType": "contentEditButton",
663 "disabled": true
664 },
665 "contentEditGroupedItems": {
666 "dataElement": "contentEditGroupedItems",
667 "items": [
668 "addParagraphToolGroupButton",
669 "addImageContentToolGroupButton",
670 "divider-0.6",
671 "contentEditButton"
672 ],
673 "type": "groupedItems",
674 "grow": 0,
675 "gap": 12,
676 "alwaysVisible": false
677 },
678 "crossStampToolButton": {
679 "dataElement": "crossStampToolButton",
680 "type": "toolButton",
681 "toolName": "AnnotationCreateCrossStamp"
682 },
683 "checkStampToolButton": {
684 "dataElement": "checkStampToolButton",
685 "type": "toolButton",
686 "toolName": "AnnotationCreateCheckStamp"
687 },
688 "dotStampToolButton": {
689 "dataElement": "dotStampToolButton",
690 "type": "toolButton",
691 "toolName": "AnnotationCreateDotStamp"
692 },
693 "calendarToolButton": {
694 "dataElement": "calendarToolButton",
695 "type": "toolButton",
696 "toolName": "AnnotationCreateDateFreeText"
697 },
698 "fillAndSignGroupedItems": {
699 "dataElement": "fillAndSignGroupedItems",
700 "items": [
701 "signatureCreateToolButton",
702 "freeTextToolButton",
703 "crossStampToolButton",
704 "checkStampToolButton",
705 "dotStampToolButton",
706 "rubberStampToolButton",
707 "calendarToolButton",
708 "divider-0.4",
709 "stylePanelToggle",
710 "defaultAnnotationUtilities"
711 ],
712 "type": "groupedItems",
713 "grow": 0,
714 "gap": 12,
715 "alwaysVisible": false
716 },
717 "signatureFieldButton": {
718 "dataElement": "signatureFieldButton",
719 "type": "toolButton",
720 "toolName": "SignatureFormFieldCreateTool"
721 },
722 "textFieldButton": {
723 "dataElement": "textFieldButton",
724 "type": "toolButton",
725 "toolName": "TextFormFieldCreateTool"
726 },
727 "checkboxFieldButton": {
728 "dataElement": "checkboxFieldButton",
729 "type": "toolButton",
730 "toolName": "CheckBoxFormFieldCreateTool"
731 },
732 "radioFieldButton": {
733 "dataElement": "radioFieldButton",
734 "type": "toolButton",
735 "toolName": "RadioButtonFormFieldCreateTool"
736 },
737 "listBoxFieldButton": {
738 "dataElement": "listBoxFieldButton",
739 "type": "toolButton",
740 "toolName": "ListBoxFormFieldCreateTool"
741 },
742 "comboBoxFieldButton": {
743 "dataElement": "comboBoxFieldButton",
744 "type": "toolButton",
745 "toolName": "ComboBoxFormFieldCreateTool"
746 },
747 "divider-0.7": {
748 "dataElement": "divider-0.7",
749 "type": "divider"
750 },
751 "formFieldEditButton": {
752 "dataElement": "formFieldEditButton",
753 "type": "presetButton",
754 "buttonType": "formFieldEditButton"
755 },
756 "divider-0.8": {
757 "dataElement": "divider-0.8",
758 "type": "divider"
759 },
760 "formsToolsGroupedItems": {
761 "dataElement": "formsToolsGroupedItems",
762 "items": [
763 "signatureFieldButton",
764 "textFieldButton",
765 "freeTextToolButton",
766 "checkboxFieldButton",
767 "radioFieldButton",
768 "listBoxFieldButton",
769 "comboBoxFieldButton",
770 "divider-0.7",
771 "formFieldEditButton"
772 ],
773 "type": "groupedItems",
774 "grow": 0,
775 "gap": 12,
776 "alwaysVisible": false
777 },
778 "formsGroupedItems": {
779 "dataElement": "formsGroupedItems",
780 "items": [
781 "formsToolsGroupedItems",
782 "divider-0.8",
783 "stylePanelToggle",
784 "indexPanelListToggle"
785 ],
786 "type": "groupedItems",
787 "grow": 0,
788 "gap": 12,
789 "alwaysVisible": false
790 },
791 "page-controls-container": {
792 "dataElement": "page-controls-container",
793 "type": "pageControls",
794 "title": "component.pageControls",
795 "icon": "icon-page-controls"
796 },
797 "newDocumentButton": {
798 "dataElement": "newDocumentButton",
799 "presetDataElement": "newDocumentPresetButton",
800 "label": "action.newDocument",
801 "title": "action.newDocument",
802 "isActive": false,
803 "type": "presetButton",
804 "buttonType": "newDocumentButton"
805 },
806 "fullscreenButton": {
807 "dataElement": "fullscreenButton",
808 "presetDataElement": "fullscreenPresetButton",
809 "label": "action.enterFullscreen",
810 "title": "action.enterFullscreen",
811 "type": "presetButton",
812 "buttonType": "fullscreenButton"
813 }
814 },
815 "modularHeaders": {
816 "default-top-header-demo": {
817 "dataElement": "default-top-header-demo",
818 "placement": "top",
819 "grow": 0,
820 "gap": 12,
821 "position": "start",
822 "float": false,
823 "stroke": true,
824 "dimension": {
825 "paddingTop": 8,
826 "paddingBottom": 8,
827 "borderWidth": 1
828 },
829 "style": {},
830 "items": [
831 "groupedLeftHeaderButtons",
832 "default-ribbon-group",
833 "comparePanelToggle",
834 "downloadButton",
835 "printButton",
836 "saveAsButton"
837 ]
838 },
839 "tools-header": {
840 "dataElement": "tools-header",
841 "placement": "top",
842 "justifyContent": "center",
843 "grow": 0,
844 "gap": 12,
845 "position": "end",
846 "float": false,
847 "stroke": true,
848 "dimension": {
849 "paddingTop": 8,
850 "paddingBottom": 8,
851 "borderWidth": 1
852 },
853 "style": {},
854 "items": [
855 "annotateGroupedItems",
856 "shapesGroupedItems",
857 "insertGroupedItems",
858 "redactionGroupedItems",
859 "measureGroupedItems",
860 "editGroupedItems",
861 "contentEditGroupedItems",
862 "fillAndSignGroupedItems",
863 "formsGroupedItems"
864 ]
865 },
866 "right-header": {
867 "dataElement": "right-header",
868 "placement": "right",
869 "justifyContent": "start",
870 "grow": 0,
871 "gap": 12,
872 "float": false,
873 "stroke": true,
874 "dimension": {
875 "paddingTop": 8,
876 "paddingBottom": 8,
877 "borderWidth": 1
878 },
879 "style": {},
880 "items": [
881 "groupedRightHeaderStartButtons",
882 "groupedRightHeaderEndButtons"
883 ]
884 }
885 },
886 "panels": {
887 "comparePanel": {
888 "dataElement": "comparePanel",
889 "render": "changeListPanel",
890 "location": "right"
891 },
892 "stylePanel": {
893 "dataElement": "stylePanel",
894 "render": "stylePanel",
895 "location": "left"
896 },
897 "thumbnailsPanel": {
898 "dataElement": "thumbnailsPanel",
899 "render": "thumbnailsPanel",
900 "location": "left"
901 },
902 "outlinesPanel": {
903 "dataElement": "outlinesPanel",
904 "render": "outlinesPanel",
905 "location": "left"
906 },
907 "bookmarksPanel": {
908 "dataElement": "bookmarksPanel",
909 "render": "bookmarksPanel",
910 "location": "left"
911 },
912 "formFieldPanel": {
913 "dataElement": "formFieldPanel",
914 "render": "formFieldPanel",
915 "location": "right"
916 },
917 "indexPanel": {
918 "dataElement": "indexPanel",
919 "render": "indexPanel",
920 "location": "right"
921 },
922 "layersPanel": {
923 "dataElement": "layersPanel",
924 "render": "layersPanel",
925 "location": "left"
926 },
927 "signatureListPanel": {
928 "dataElement": "signatureListPanel",
929 "render": "signatureListPanel",
930 "location": "left"
931 },
932 "fileAttachmentPanel": {
933 "dataElement": "fileAttachmentPanel",
934 "render": "fileAttachmentPanel",
935 "location": "left"
936 },
937 "rubberStampPanel": {
938 "dataElement": "rubberStampPanel",
939 "render": "rubberStampPanel",
940 "location": "left"
941 },
942 "textEditingPanel": {
943 "dataElement": "textEditingPanel",
944 "render": "textEditingPanel",
945 "location": "right"
946 },
947 "signaturePanel": {
948 "dataElement": "signaturePanel",
949 "render": "signaturePanel",
950 "location": "left",
951 "disabled": true
952 },
953 "portfolioPanel": {
954 "dataElement": "portfolioPanel",
955 "render": "portfolioPanel",
956 "location": "left",
957 "disabled": true
958 },
959 "tabPanel": {
960 "render": "tabPanel",
961 "dataElement": "tabPanel",
962 "panelsList": [
963 {
964 "render": "thumbnailsPanel"
965 },
966 {
967 "render": "outlinesPanel"
968 },
969 {
970 "render": "bookmarksPanel"
971 },
972 {
973 "render": "layersPanel"
974 },
975 {
976 "render": "signaturePanel"
977 },
978 {
979 "render": "fileAttachmentPanel"
980 },
981 {
982 "render": "portfolioPanel"
983 }
984 ],
985 "location": "left"
986 },
987 "notesPanel": {
988 "dataElement": "notesPanel",
989 "render": "notesPanel",
990 "location": "right"
991 },
992 "searchPanel": {
993 "dataElement": "searchPanel",
994 "render": "searchPanel",
995 "location": "right"
996 },
997 "redactionPanel": {
998 "dataElement": "redactionPanel",
999 "render": "redactionPanel",
1000 "location": "right",
1001 "disabled": true
1002 }
1003 },
1004 "flyouts": {
1005 "MainMenuFlyout": {
1006 "dataElement": "MainMenuFlyout",
1007 "items": [
1008 "newDocumentButton",
1009 "filePickerButton",
1010 "fullscreenButton",
1011 "saveAsButton",
1012 "divider",
1013 "createPortfolioButton",
1014 "divider",
1015 "settingsButton",
1016 "divider"
1017 ]
1018 }
1019 }
1020}
1021
1{
2 "modularComponents": {
3 "comparePanelToggle": {
4 "dataElement": "comparePanelToggle",
5 "title": "action.comparePages",
6 "label": "action.comparePages",
7 "type": "presetButton",
8 "buttonType": "compareButton",
9 "disabled": true
10 },
11 "filePickerButton": {
12 "dataElement": "filePickerButton",
13 "title": "action.openFile",
14 "label": "action.openFile",
15 "type": "presetButton"
16 },
17 "downloadButton": {
18 "dataElement": "downloadButton",
19 "title": "action.download",
20 "label": "action.download",
21 "type": "presetButton",
22 "buttonType": "downloadButton"
23 },
24 "saveAsButton": {
25 "dataElement": "saveAsButton",
26 "title": "saveModal.saveAs",
27 "isActive": false,
28 "label": "saveModal.saveAs",
29 "type": "presetButton"
30 },
31 "printButton": {
32 "dataElement": "printButton",
33 "title": "action.print",
34 "isActive": false,
35 "label": "action.print",
36 "type": "presetButton",
37 "buttonType": "printButton"
38 },
39 "createPortfolioButton": {
40 "dataElement": "createPortfolioButton",
41 "title": "portfolio.createPDFPortfolio",
42 "isActive": false,
43 "label": "portfolio.createPDFPortfolio",
44 "type": "presetButton",
45 "disabled": true
46 },
47 "settingsButton": {
48 "dataElement": "settingsButton",
49 "title": "option.settings.settings",
50 "isActive": false,
51 "label": "option.settings.settings",
52 "type": "presetButton"
53 },
54 "divider-0.1": {
55 "dataElement": "divider-0.1",
56 "type": "divider"
57 },
58 "leftPanelButton": {
59 "dataElement": "leftPanelButton",
60 "title": "Left Panel",
61 "type": "toggleButton",
62 "img": "icon-header-sidebar-line",
63 "toggleElement": "tabPanel"
64 },
65 "view-controls": {
66 "dataElement": "view-controls",
67 "type": "viewControls",
68 "title": "component.viewControls",
69 "icon": "icon-header-page-manipulation-line"
70 },
71 "divider-0.3": {
72 "dataElement": "divider-0.3",
73 "type": "divider"
74 },
75 "zoom-container": {
76 "dataElement": "zoom-container",
77 "type": "zoom"
78 },
79 "divider-0.2": {
80 "dataElement": "divider-0.2",
81 "type": "divider"
82 },
83 "panToolButton": {
84 "dataElement": "panToolButton",
85 "type": "toolButton",
86 "toolName": "Pan"
87 },
88 "annotationEditToolButton": {
89 "dataElement": "annotationEditToolButton",
90 "type": "toolButton",
91 "toolName": "AnnotationEdit"
92 },
93 "menuButton": {
94 "dataElement": "menuButton",
95 "img": "ic-hamburger-menu",
96 "title": "component.menuOverlay",
97 "toggleElement": "MainMenuFlyout",
98 "type": "toggleButton"
99 },
100 "groupedRightHeaderEndButtons": {
101 "dataElement": "groupedRightHeaderEndButtons",
102 "justifyContent": "end",
103 "items": [
104 "divider-0.2",
105 "notesPanelToggle",
106 "searchPanelToggle",
107 "panToolButton",
108 "annotationEditToolButton",
109 "page-controls-container"
110 ],
111 "type": "groupedItems",
112 "grow": 1,
113 "gap": 12,
114 "alwaysVisible": true
115 },
116 "toolbarGroup-View": {
117 "dataElement": "toolbarGroup-View",
118 "title": "View",
119 "type": "ribbonItem",
120 "img": "icon-view-ribbon",
121 "groupedItems": []
122 },
123 "toolbarGroup-Annotate": {
124 "dataElement": "toolbarGroup-Annotate",
125 "title": "Annotate",
126 "type": "ribbonItem",
127 "img": "icon-annotate-ribbon",
128 "groupedItems": [
129 "annotateGroupedItems"
130 ]
131 },
132 "toolbarGroup-Shapes": {
133 "dataElement": "toolbarGroup-Shapes",
134 "title": "Shapes",
135 "type": "ribbonItem",
136 "img": "icon-tool-shape-rectangle",
137 "groupedItems": [
138 "shapesGroupedItems"
139 ]
140 },
141 "toolbarGroup-Insert": {
142 "dataElement": "toolbarGroup-Insert",
143 "title": "Insert",
144 "type": "ribbonItem",
145 "img": "icon-insert-ribbon",
146 "groupedItems": [
147 "insertGroupedItems"
148 ]
149 },
150 "toolbarGroup-Measure": {
151 "dataElement": "toolbarGroup-Measure",
152 "title": "Measure",
153 "type": "ribbonItem",
154 "label": "Measure",
155 "groupedItems": [
156 "measureGroupedItems"
157 ],
158 "toolbarGroup": "toolbarGroup-Measure",
159 "disabled": true
160 },
161 "toolbarGroup-Redact": {
162 "dataElement": "toolbarGroup-Redact",
163 "title": "Redact",
164 "type": "ribbonItem",
165 "label": "Redact",
166 "groupedItems": [
167 "redactionGroupedItems"
168 ],
169 "toolbarGroup": "toolbarGroup-Redact",
170 "disabled": true
171 },
172 "toolbarGroup-Edit": {
173 "dataElement": "toolbarGroup-Edit",
174 "title": "Edit",
175 "type": "ribbonItem",
176 "label": "Edit",
177 "groupedItems": [
178 "editGroupedItems"
179 ],
180 "toolbarGroup": "toolbarGroup-Edit"
181 },
182 "toolbarGroup-EditText": {
183 "dataElement": "toolbarGroup-EditText",
184 "title": "Content Edit",
185 "type": "ribbonItem",
186 "label": "Content Edit",
187 "groupedItems": [
188 "contentEditGroupedItems"
189 ],
190 "toolbarGroup": "toolbarGroup-EditText",
191 "disabled": true
192 },
193 "toolbarGroup-FillAndSign": {
194 "dataElement": "toolbarGroup-FillAndSign",
195 "title": "Fill and Sign",
196 "type": "ribbonItem",
197 "label": "Fill and Sign",
198 "groupedItems": [
199 "fillAndSignGroupedItems"
200 ],
201 "toolbarGroup": "toolbarGroup-FillAndSign"
202 },
203 "toolbarGroup-Forms": {
204 "dataElement": "toolbarGroup-Forms",
205 "title": "Forms",
206 "type": "ribbonItem",
207 "label": "Forms",
208 "groupedItems": [
209 "formsGroupedItems"
210 ],
211 "toolbarGroup": "toolbarGroup-Forms"
212 },
213 "default-ribbon-group": {
214 "dataElement": "default-ribbon-group",
215 "items": [
216 "toolbarGroup-View",
217 "toolbarGroup-Annotate",
218 "toolbarGroup-Shapes",
219 "toolbarGroup-Insert"
220 ],
221 "type": "ribbonGroup",
222 "justifyContent": "start",
223 "grow": 2,
224 "gap": 12,
225 "alwaysVisible": false
226 },
227 "searchPanelToggle": {
228 "dataElement": "searchPanelToggle",
229 "title": "component.searchPanel",
230 "type": "toggleButton",
231 "img": "icon-header-search",
232 "toggleElement": "searchPanel"
233 },
234 "notesPanelToggle": {
235 "dataElement": "notesPanelToggle",
236 "title": "component.notesPanel",
237 "type": "toggleButton",
238 "img": "icon-header-chat-line",
239 "toggleElement": "notesPanel"
240 },
241 "highlightToolButton": {
242 "dataElement": "highlightToolButton",
243 "type": "toolButton",
244 "toolName": "AnnotationCreateTextHighlight"
245 },
246 "underlineToolButton": {
247 "dataElement": "underlineToolButton",
248 "type": "toolButton",
249 "toolName": "AnnotationCreateTextUnderline"
250 },
251 "underlineToolButton2": {
252 "dataElement": "underlineToolButton2",
253 "type": "toolButton",
254 "toolName": "AnnotationCreateTextUnderline2"
255 },
256 "strikeoutToolButton": {
257 "dataElement": "strikeoutToolButton",
258 "type": "toolButton",
259 "toolName": "AnnotationCreateTextStrikeout"
260 },
261 "squigglyToolButton": {
262 "dataElement": "squigglyToolButton",
263 "type": "toolButton",
264 "toolName": "AnnotationCreateTextSquiggly"
265 },
266 "freeTextToolButton": {
267 "dataElement": "freeTextToolButton",
268 "type": "toolButton",
269 "toolName": "AnnotationCreateFreeText"
270 },
271 "markInsertTextToolButton": {
272 "dataElement": "markInsertTextToolButton",
273 "type": "toolButton",
274 "toolName": "AnnotationCreateMarkInsertText"
275 },
276 "markReplaceTextToolButton": {
277 "dataElement": "markReplaceTextToolButton",
278 "type": "toolButton",
279 "toolName": "AnnotationCreateMarkReplaceText"
280 },
281 "freeHandToolButton": {
282 "dataElement": "freeHandToolButton",
283 "type": "toolButton",
284 "toolName": "AnnotationCreateFreeHand"
285 },
286 "freeHandHighlightToolButton": {
287 "dataElement": "freeHandHighlightToolButton",
288 "type": "toolButton",
289 "toolName": "AnnotationCreateFreeHandHighlight"
290 },
291 "stickyToolButton": {
292 "dataElement": "stickyToolButton",
293 "type": "toolButton",
294 "toolName": "AnnotationCreateSticky"
295 },
296 "calloutToolButton": {
297 "dataElement": "calloutToolButton",
298 "type": "toolButton",
299 "toolName": "AnnotationCreateCallout"
300 },
301 "divider-0.4": {
302 "dataElement": "divider-0.4",
303 "type": "divider"
304 },
305 "stylePanelToggle": {
306 "dataElement": "stylePanelToggle",
307 "title": "action.style",
308 "type": "toggleButton",
309 "img": "icon-style-panel-toggle",
310 "toggleElement": "stylePanel"
311 },
312 "indexPanelListToggle": {
313 "dataElement": "indexPanelListToggle",
314 "title": "component.indexPanel",
315 "type": "toggleButton",
316 "img": "icon-index-panel-list",
317 "toggleElement": "indexPanel"
318 },
319 "divider-0.5": {
320 "dataElement": "divider-0.5",
321 "type": "divider"
322 },
323 "undoButton": {
324 "dataElement": "undoButton",
325 "type": "presetButton",
326 "buttonType": "undoButton"
327 },
328 "redoButton": {
329 "dataElement": "redoButton",
330 "type": "presetButton",
331 "buttonType": "redoButton"
332 },
333 "eraserToolButton": {
334 "dataElement": "eraserToolButton",
335 "type": "toolButton",
336 "toolName": "AnnotationEraserTool"
337 },
338 "defaultAnnotationUtilities": {
339 "dataElement": "defaultAnnotationUtilities",
340 "items": [
341 "divider-0.5",
342 "undoButton",
343 "redoButton",
344 "eraserToolButton"
345 ],
346 "type": "groupedItems",
347 "grow": 0,
348 "gap": 12,
349 "alwaysVisible": false
350 },
351 "annotateToolsGroupedItems": {
352 "dataElement": "annotateToolsGroupedItems",
353 "items": [
354 "highlightToolButton",
355 "underlineToolButton",
356 "strikeoutToolButton",
357 "squigglyToolButton",
358 "freeHandToolButton",
359 "freeHandHighlightToolButton",
360 "freeTextToolButton",
361 "markInsertTextToolButton",
362 "markReplaceTextToolButton",
363 "stickyToolButton",
364 "calloutToolButton"
365 ],
366 "type": "groupedItems",
367 "justifyContent": "center",
368 "grow": 0,
369 "gap": 12,
370 "alwaysVisible": false
371 },
372 "annotateGroupedItems": {
373 "dataElement": "annotateGroupedItems",
374 "items": [
375 "annotateToolsGroupedItems",
376 "divider-0.4",
377 "stylePanelToggle",
378 "defaultAnnotationUtilities"
379 ],
380 "type": "groupedItems",
381 "justifyContent": "center",
382 "grow": 0,
383 "gap": 12,
384 "alwaysVisible": false
385 },
386 "rectangleToolButton": {
387 "dataElement": "rectangleToolButton",
388 "type": "toolButton",
389 "toolName": "AnnotationCreateRectangle"
390 },
391 "ellipseToolButton": {
392 "dataElement": "ellipseToolButton",
393 "type": "toolButton",
394 "toolName": "AnnotationCreateEllipse"
395 },
396 "arcToolButton": {
397 "dataElement": "arcToolButton",
398 "type": "toolButton",
399 "toolName": "AnnotationCreateArc"
400 },
401 "polygonToolButton": {
402 "dataElement": "polygonToolButton",
403 "type": "toolButton",
404 "toolName": "AnnotationCreatePolygon"
405 },
406 "cloudToolButton": {
407 "dataElement": "cloudToolButton",
408 "type": "toolButton",
409 "toolName": "AnnotationCreatePolygonCloud"
410 },
411 "lineToolButton": {
412 "dataElement": "lineToolButton",
413 "type": "toolButton",
414 "toolName": "AnnotationCreateLine"
415 },
416 "polylineToolButton": {
417 "dataElement": "polylineToolButton",
418 "type": "toolButton",
419 "toolName": "AnnotationCreatePolyline"
420 },
421 "arrowToolButton": {
422 "dataElement": "arrowToolButton",
423 "type": "toolButton",
424 "toolName": "AnnotationCreateArrow"
425 },
426 "shapesToolsGroupedItems": {
427 "dataElement": "shapesToolsGroupedItems",
428 "items": [
429 "rectangleToolButton",
430 "ellipseToolButton",
431 "arcToolButton",
432 "polygonToolButton",
433 "cloudToolButton",
434 "lineToolButton",
435 "polylineToolButton",
436 "arrowToolButton"
437 ],
438 "type": "groupedItems",
439 "grow": 0,
440 "gap": 12,
441 "alwaysVisible": false
442 },
443 "shapesGroupedItems": {
444 "dataElement": "shapesGroupedItems",
445 "items": [
446 "shapesToolsGroupedItems",
447 "divider-0.4",
448 "stylePanelToggle",
449 "defaultAnnotationUtilities"
450 ],
451 "type": "groupedItems",
452 "grow": 0,
453 "gap": 12,
454 "alwaysVisible": false
455 },
456 "rubberStampToolButton": {
457 "dataElement": "rubberStampToolButton",
458 "type": "toolButton",
459 "toolName": "AnnotationCreateRubberStamp"
460 },
461 "signatureCreateToolButton": {
462 "dataElement": "signatureCreateToolButton",
463 "type": "toolButton",
464 "toolName": "AnnotationCreateSignature"
465 },
466 "fileAttachmentButton": {
467 "dataElement": "fileAttachmentButton",
468 "type": "toolButton",
469 "toolName": "AnnotationCreateFileAttachment"
470 },
471 "stampToolButton": {
472 "dataElement": "stampToolButton",
473 "type": "toolButton",
474 "toolName": "AnnotationCreateStamp"
475 },
476 "insertToolsGroupedItems": {
477 "dataElement": "insertToolsGroupedItems",
478 "items": [
479 "rubberStampToolButton",
480 "signatureCreateToolButton",
481 "fileAttachmentButton",
482 "stampToolButton"
483 ],
484 "type": "groupedItems",
485 "grow": 0,
486 "gap": 12,
487 "alwaysVisible": false
488 },
489 "insertGroupedItems": {
490 "dataElement": "insertGroupedItems",
491 "items": [
492 "insertToolsGroupedItems",
493 "divider-0.4",
494 "stylePanelToggle",
495 "defaultAnnotationUtilities"
496 ],
497 "type": "groupedItems",
498 "grow": 0,
499 "gap": 12,
500 "alwaysVisible": false
501 },
502 "redactionToolButton": {
503 "dataElement": "redactionToolButton",
504 "type": "toolButton",
505 "toolName": "AnnotationCreateRedaction"
506 },
507 "pageRedactionToggleButton": {
508 "dataElement": "pageRedactionToggleButton",
509 "title": "action.redactPages",
510 "type": "toggleButton",
511 "img": "icon-tool-page-redact",
512 "toggleElement": "pageRedactionModal"
513 },
514 "redactionPanelToggle": {
515 "dataElement": "redactionPanelToggle",
516 "type": "toggleButton",
517 "img": "icon-redact-panel",
518 "toggleElement": "redactionPanel",
519 "title": "component.redactionPanel",
520 "disabled": true
521 },
522 "redactionGroupedItems": {
523 "dataElement": "redactionGroupedItems",
524 "items": [
525 "redactionToolButton",
526 "pageRedactionToggleButton",
527 "redactionPanelToggle",
528 "divider-0.4",
529 "stylePanelToggle",
530 "defaultAnnotationUtilities"
531 ],
532 "type": "groupedItems",
533 "grow": 0,
534 "gap": 12,
535 "alwaysVisible": false
536 },
537 "distanceMeasurementToolButton": {
538 "dataElement": "distanceMeasurementToolButton",
539 "type": "toolButton",
540 "toolName": "AnnotationCreateDistanceMeasurement"
541 },
542 "arcMeasurementToolButton": {
543 "dataElement": "arcMeasurementToolButton",
544 "type": "toolButton",
545 "toolName": "AnnotationCreateArcMeasurement"
546 },
547 "perimeterMeasurementToolButton": {
548 "dataElement": "perimeterMeasurementToolButton",
549 "type": "toolButton",
550 "toolName": "AnnotationCreatePerimeterMeasurement"
551 },
552 "areaMeasurementToolButton": {
553 "dataElement": "areaMeasurementToolButton",
554 "type": "toolButton",
555 "toolName": "AnnotationCreateAreaMeasurement"
556 },
557 "ellipseMeasurementToolButton": {
558 "dataElement": "ellipseMeasurementToolButton",
559 "type": "toolButton",
560 "toolName": "AnnotationCreateEllipseMeasurement"
561 },
562 "rectangularAreaMeasurementToolButton": {
563 "dataElement": "rectangularAreaMeasurementToolButton",
564 "type": "toolButton",
565 "toolName": "AnnotationCreateRectangularAreaMeasurement"
566 },
567 "countMeasurementToolButton": {
568 "dataElement": "countMeasurementToolButton",
569 "type": "toolButton",
570 "toolName": "AnnotationCreateCountMeasurement"
571 },
572 "measureGroupedItems": {
573 "dataElement": "measureGroupedItems",
574 "items": [
575 "distanceMeasurementToolButton",
576 "arcMeasurementToolButton",
577 "perimeterMeasurementToolButton",
578 "areaMeasurementToolButton",
579 "ellipseMeasurementToolButton",
580 "rectangularAreaMeasurementToolButton",
581 "countMeasurementToolButton",
582 "divider-0.4",
583 "stylePanelToggle",
584 "defaultAnnotationUtilities"
585 ],
586 "type": "groupedItems",
587 "grow": 0,
588 "gap": 12,
589 "alwaysVisible": false
590 },
591 "cropToolButton": {
592 "dataElement": "cropToolButton",
593 "type": "toolButton",
594 "toolName": "CropPage"
595 },
596 "snippingToolButton": {
597 "dataElement": "snippingToolButton",
598 "type": "toolButton",
599 "toolName": "SnippingTool"
600 },
601 "editGroupedItems": {
602 "dataElement": "editGroupedItems",
603 "items": [
604 "cropToolButton",
605 "snippingToolButton"
606 ],
607 "type": "groupedItems",
608 "grow": 0,
609 "gap": 12,
610 "alwaysVisible": false
611 },
612 "addParagraphToolGroupButton": {
613 "dataElement": "addParagraphToolGroupButton",
614 "type": "toolButton",
615 "toolName": "AddParagraphTool",
616 "disabled": true
617 },
618 "addImageContentToolGroupButton": {
619 "dataElement": "addImageContentToolGroupButton",
620 "type": "toolButton",
621 "toolName": "AddImageContentTool",
622 "disabled": true
623 },
624 "divider-0.6": {
625 "dataElement": "divider-0.6",
626 "type": "divider"
627 },
628 "contentEditButton": {
629 "dataElement": "contentEditButton",
630 "type": "presetButton",
631 "buttonType": "contentEditButton",
632 "disabled": true
633 },
634 "contentEditGroupedItems": {
635 "dataElement": "contentEditGroupedItems",
636 "items": [
637 "addParagraphToolGroupButton",
638 "addImageContentToolGroupButton",
639 "divider-0.6",
640 "contentEditButton"
641 ],
642 "type": "groupedItems",
643 "grow": 0,
644 "gap": 12,
645 "alwaysVisible": false
646 },
647 "crossStampToolButton": {
648 "dataElement": "crossStampToolButton",
649 "type": "toolButton",
650 "toolName": "AnnotationCreateCrossStamp"
651 },
652 "checkStampToolButton": {
653 "dataElement": "checkStampToolButton",
654 "type": "toolButton",
655 "toolName": "AnnotationCreateCheckStamp"
656 },
657 "dotStampToolButton": {
658 "dataElement": "dotStampToolButton",
659 "type": "toolButton",
660 "toolName": "AnnotationCreateDotStamp"
661 },
662 "calendarToolButton": {
663 "dataElement": "calendarToolButton",
664 "type": "toolButton",
665 "toolName": "AnnotationCreateDateFreeText"
666 },
667 "fillAndSignGroupedItems": {
668 "dataElement": "fillAndSignGroupedItems",
669 "items": [
670 "signatureCreateToolButton",
671 "freeTextToolButton",
672 "crossStampToolButton",
673 "checkStampToolButton",
674 "dotStampToolButton",
675 "rubberStampToolButton",
676 "calendarToolButton",
677 "divider-0.4",
678 "stylePanelToggle",
679 "defaultAnnotationUtilities"
680 ],
681 "type": "groupedItems",
682 "grow": 0,
683 "gap": 12,
684 "alwaysVisible": false
685 },
686 "signatureFieldButton": {
687 "dataElement": "signatureFieldButton",
688 "type": "toolButton",
689 "toolName": "SignatureFormFieldCreateTool"
690 },
691 "textFieldButton": {
692 "dataElement": "textFieldButton",
693 "type": "toolButton",
694 "toolName": "TextFormFieldCreateTool"
695 },
696 "checkboxFieldButton": {
697 "dataElement": "checkboxFieldButton",
698 "type": "toolButton",
699 "toolName": "CheckBoxFormFieldCreateTool"
700 },
701 "radioFieldButton": {
702 "dataElement": "radioFieldButton",
703 "type": "toolButton",
704 "toolName": "RadioButtonFormFieldCreateTool"
705 },
706 "listBoxFieldButton": {
707 "dataElement": "listBoxFieldButton",
708 "type": "toolButton",
709 "toolName": "ListBoxFormFieldCreateTool"
710 },
711 "comboBoxFieldButton": {
712 "dataElement": "comboBoxFieldButton",
713 "type": "toolButton",
714 "toolName": "ComboBoxFormFieldCreateTool"
715 },
716 "divider-0.7": {
717 "dataElement": "divider-0.7",
718 "type": "divider"
719 },
720 "formFieldEditButton": {
721 "dataElement": "formFieldEditButton",
722 "type": "presetButton",
723 "buttonType": "formFieldEditButton"
724 },
725 "divider-0.8": {
726 "dataElement": "divider-0.8",
727 "type": "divider"
728 },
729 "formsToolsGroupedItems": {
730 "dataElement": "formsToolsGroupedItems",
731 "items": [
732 "signatureFieldButton",
733 "textFieldButton",
734 "freeTextToolButton",
735 "checkboxFieldButton",
736 "radioFieldButton",
737 "listBoxFieldButton",
738 "comboBoxFieldButton",
739 "divider-0.7",
740 "formFieldEditButton"
741 ],
742 "type": "groupedItems",
743 "grow": 0,
744 "gap": 12,
745 "alwaysVisible": false
746 },
747 "formsGroupedItems": {
748 "dataElement": "formsGroupedItems",
749 "items": [
750 "formsToolsGroupedItems",
751 "divider-0.8",
752 "stylePanelToggle",
753 "indexPanelListToggle"
754 ],
755 "type": "groupedItems",
756 "grow": 0,
757 "gap": 12,
758 "alwaysVisible": false
759 },
760 "page-controls-container": {
761 "dataElement": "page-controls-container",
762 "type": "pageControls",
763 "title": "component.pageControls",
764 "icon": "icon-page-controls"
765 },
766 "newDocumentButton": {
767 "dataElement": "newDocumentButton",
768 "presetDataElement": "newDocumentPresetButton",
769 "label": "action.newDocument",
770 "title": "action.newDocument",
771 "isActive": false,
772 "type": "presetButton",
773 "buttonType": "newDocumentButton"
774 },
775 "fullscreenButton": {
776 "dataElement": "fullscreenButton",
777 "presetDataElement": "fullscreenPresetButton",
778 "label": "action.enterFullscreen",
779 "title": "action.enterFullscreen",
780 "type": "presetButton",
781 "buttonType": "fullscreenButton"
782 }
783 },
784 "modularHeaders": {
785 "right-header-demo": {
786 "dataElement": "right-header-demo",
787 "placement": "right",
788 "justifyContent": "start",
789 "grow": 0,
790 "gap": 12,
791 "float": false,
792 "stroke": true,
793 "dimension": {
794 "paddingTop": 8,
795 "paddingBottom": 8,
796 "borderWidth": 1
797 },
798 "style": {},
799 "items": [
800 "annotateGroupedItems",
801 "shapesGroupedItems",
802 "insertGroupedItems",
803 "redactionGroupedItems",
804 "measureGroupedItems",
805 "editGroupedItems",
806 "contentEditGroupedItems",
807 "fillAndSignGroupedItems",
808 "formsGroupedItems",
809 "groupedRightHeaderEndButtons"
810 ]
811 },
812 "left-header": {
813 "dataElement": "left-header",
814 "placement": "left",
815 "justifyContent": "start",
816 "grow": 0,
817 "gap": 12,
818 "float": false,
819 "stroke": true,
820 "dimension": {
821 "paddingTop": 8,
822 "paddingBottom": 8,
823 "borderWidth": 1
824 },
825 "style": {},
826 "items": [
827 "menuButton",
828 "leftPanelButton",
829 "divider-0.1",
830 "default-ribbon-group"
831 ]
832 }
833 },
834 "panels": {
835 "comparePanel": {
836 "dataElement": "comparePanel",
837 "render": "changeListPanel",
838 "location": "right"
839 },
840 "stylePanel": {
841 "dataElement": "stylePanel",
842 "render": "stylePanel",
843 "location": "left"
844 },
845 "thumbnailsPanel": {
846 "dataElement": "thumbnailsPanel",
847 "render": "thumbnailsPanel",
848 "location": "left"
849 },
850 "outlinesPanel": {
851 "dataElement": "outlinesPanel",
852 "render": "outlinesPanel",
853 "location": "left"
854 },
855 "bookmarksPanel": {
856 "dataElement": "bookmarksPanel",
857 "render": "bookmarksPanel",
858 "location": "left"
859 },
860 "formFieldPanel": {
861 "dataElement": "formFieldPanel",
862 "render": "formFieldPanel",
863 "location": "right"
864 },
865 "indexPanel": {
866 "dataElement": "indexPanel",
867 "render": "indexPanel",
868 "location": "right"
869 },
870 "layersPanel": {
871 "dataElement": "layersPanel",
872 "render": "layersPanel",
873 "location": "left"
874 },
875 "signatureListPanel": {
876 "dataElement": "signatureListPanel",
877 "render": "signatureListPanel",
878 "location": "left"
879 },
880 "fileAttachmentPanel": {
881 "dataElement": "fileAttachmentPanel",
882 "render": "fileAttachmentPanel",
883 "location": "left"
884 },
885 "rubberStampPanel": {
886 "dataElement": "rubberStampPanel",
887 "render": "rubberStampPanel",
888 "location": "left"
889 },
890 "textEditingPanel": {
891 "dataElement": "textEditingPanel",
892 "render": "textEditingPanel",
893 "location": "right"
894 },
895 "signaturePanel": {
896 "dataElement": "signaturePanel",
897 "render": "signaturePanel",
898 "location": "left",
899 "disabled": true
900 },
901 "portfolioPanel": {
902 "dataElement": "portfolioPanel",
903 "render": "portfolioPanel",
904 "location": "left",
905 "disabled": true
906 },
907 "tabPanel": {
908 "render": "tabPanel",
909 "dataElement": "tabPanel",
910 "panelsList": [
911 {
912 "render": "thumbnailsPanel"
913 },
914 {
915 "render": "outlinesPanel"
916 },
917 {
918 "render": "bookmarksPanel"
919 },
920 {
921 "render": "layersPanel"
922 },
923 {
924 "render": "signaturePanel"
925 },
926 {
927 "render": "fileAttachmentPanel"
928 },
929 {
930 "render": "portfolioPanel"
931 }
932 ],
933 "location": "left"
934 },
935 "notesPanel": {
936 "dataElement": "notesPanel",
937 "render": "notesPanel",
938 "location": "right"
939 },
940 "searchPanel": {
941 "dataElement": "searchPanel",
942 "render": "searchPanel",
943 "location": "right"
944 },
945 "redactionPanel": {
946 "dataElement": "redactionPanel",
947 "render": "redactionPanel",
948 "location": "right",
949 "disabled": true
950 }
951 },
952 "flyouts": {
953 "MainMenuFlyout": {
954 "dataElement": "MainMenuFlyout",
955 "items": [
956 "newDocumentButton",
957 "filePickerButton",
958 "fullscreenButton",
959 "saveAsButton",
960 "divider",
961 "createPortfolioButton",
962 "divider",
963 "settingsButton",
964 "divider"
965 ]
966 }
967 }
968}
969
Did you find this helpful?
Trial setup questions?
Ask experts on DiscordNeed other help?
Contact SupportPricing or product questions?
Contact Sales